تاقیکردنەوەی خێرایی نووسین (WPM)ی بەخۆڕایی

چۆن کار دەکات

تاقیکردنەوەی خێرایی نووسین تەواو لە وێبگەڕدا کاردەکات بە بەکارهێنانی React state و performance.now() بۆ کاتژماردن — بێ سێرڤەر، بێ بارکردن، بێ خزمەتگوزاری دەرەکی. کلیکی تەختەکلیل بە کاتی ڕاستەقینەدا پۆل و ژمێردەکرێن، و WPM، ڕاستی، و جێگیری بە هەمان فۆرمولی پیت-بنەمای Monkeytype کە بەڕوونی دەریدەخات ژمێردەکرێن.

1. 1
   لیستی وشە بە شێوەی ناوخۆیی بار دەکرێت

   کاتێک زمانێک هەڵدەبژێریت، کۆمەڵەی وشەکان لە فایلێکی JSONی جێگیرەوە وەردەگیرێت و لە دۆخی پێکهاتەکەدا هەڵدەگیرێت. پاشان وشەکان بەهەڕەمەکی نموونەدەکرێن بۆ دروستکردنی پەرچەی تاقیکردنەوە؛ کاتێک هێما یان ژمارە چالاک بن، دروستکەرەکە بە شێوەیەکی ئیحتمالی کۆما، هێمای کۆتایی، و پیتی ژمارەیی دەخاتە ناو ڕیزبەندییەکەوە.
2. 2
   کلیکی تەختەکلیل بۆ هەر چرکەیەک دەژمێردرێن

   توخمێکی داخڵی شاردراوە هەر پیتێک دەگرێت. هەر کلیکێک ژمێرەرێکی هەر-چرکە زیاد دەکات، و هەر پیتێک دەستبەجێ لەگەڵ ئامانج بەراورد دەکرێت بۆ پۆلکردنی وەک ڕاست، هەڵە، یان زیادە. کاتژمێرەکە لە ڕێگای setIntervalەوە بە بازدانی 1 چرکەیی دەڕوات بە بەکارهێنانی performance.now() بۆ وردی.
3. 3
   پێوانەکان لە داتای خاوی کلیکی تەختەکلیلەوە ژمێردەکرێن

   لە کۆتایی تاقیکردنەوەکەدا، WPMی پوخت لە پیتەکانی وشەی تەواو-ڕاست پێکەوە لەگەڵ بۆشایی دواتریان ژمێردەکرێت، دابەشکراو بەسەر چرکەی تێپەڕیودا، و بۆ یەکەی ستانداردی 5-پیت-بۆ-هەر-وشە دەگۆڕدرێت. WPMی خاو هەموو کلیکێک دەژمێرێت لەگەڵ هەڵەکانیشدا. جێگیری نموونەی خاوی هەر-چرکە بەکاردەهێنێت بۆ ژمێرینی ھاوکێشەی گۆڕان (coefficient of variation)، پاشان فۆرمولی نەرمکردنی kogasa جێبەجێ دەکات (100 × (1 − tanh(cov + cov³/3 + cov⁵/5))) بۆ دروستکردنی خاڵێکی 0–100.
4. 4
   چارتی ئەنجامەکان بۆ Canvas ڕادەکێشرێت

   ڕیزبەندی WPM-بەسەر-کاتدا و WPMی-خاو-بەسەر-کاتدا لەسەر توخمێکی Canvasی HTML دەکێشرێت بە بەکارهێنانی APIی Context 2D. کاتێک ئەنجامەکەت دەری دەهێنیت، هەمان APIی Canvas وێنەیەکی 820×460 دەکێشێت — لەگەڵ چارتەکە، ئامارە سەرەکییەکان، و ناوی libratool.com — و وەک PNGیەک بە canvas.toBlob() پێشکەشی دەکات.

ئامرازە پەیوەندیدارەکان