സൗജന്യ ടൈപ്പിംഗ് സ്പീഡ് ടെസ്റ്റ് (WPM)

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

ടൈപ്പിംഗ് സ്പീഡ് ടെസ്റ്റ് React സ്റ്റേറ്റും ടൈമിംഗിനായി performance.now()-ഉം ഉപയോഗിച്ച് പൂർണ്ണമായും ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു — സെർവറില്ല, അപ്‌ലോഡില്ല, ബാഹ്യ സേവനമില്ല. കീസ്ട്രോക്കുകൾ തത്സമയം വർഗ്ഗീകരിക്കുകയും കൗണ്ട് ചെയ്യുകയും ചെയ്യുന്നു, Monkeytype പരസ്യമായി രേഖപ്പെടുത്തുന്ന അതേ ക്യാരക്ടർ-അധിഷ്ഠിത സൂത്രവാക്യങ്ങൾ ഉപയോഗിച്ചാണ് WPM, കൃത്യത, സ്ഥിരത എന്നിവ കണക്കാക്കുന്നത്.

1. 1
   വേഡ് ലിസ്റ്റ് പ്രാദേശികമായി ലോഡ് ചെയ്യുന്നു

   നിങ്ങൾ ഒരു ഭാഷ തിരഞ്ഞെടുക്കുമ്പോൾ, വേഡ് പൂൾ ഒരു സ്റ്റാറ്റിക് JSON ഫയലിൽ നിന്ന് ലഭ്യമാക്കി കോംപോണന്റ് സ്റ്റേറ്റിൽ സൂക്ഷിക്കുന്നു. ടെസ്റ്റ് പാസേജ് നിർമ്മിക്കാൻ വാക്കുകൾ ക്രമരഹിതമായി സാമ്പിൾ ചെയ്യുന്നു; വിരാമചിഹ്നങ്ങളോ അക്കങ്ങളോ പ്രവർത്തനക്ഷമമാക്കിയാൽ, ജനറേറ്റർ ക്രമത്തിലേക്ക് കോമകളും അവസാന ചിഹ്നങ്ങളും സംഖ്യാ ടോക്കണുകളും സാധ്യതാനുസൃതമായി ചേർക്കുന്നു.
2. 2
   കീസ്ട്രോക്കുകൾ ഓരോ സെക്കൻഡിലും കൗണ്ട് ചെയ്യപ്പെടുന്നു

   ഒരു മറഞ്ഞ ഇൻപുട്ട് എലമെന്റ് ഓരോ ക്യാരക്ടറും പിടിച്ചെടുക്കുന്നു. ഓരോ കീസ്ട്രോക്കും ഒരു സെക്കൻഡ്-അടിസ്ഥാന ബക്കറ്റ് കൗണ്ടർ വർദ്ധിപ്പിക്കുന്നു, ഓരോ ക്യാരക്ടറും ഉടനടി ടാർഗെറ്റുമായി താരതമ്യം ചെയ്ത് ശരി, തെറ്റ്, അല്ലെങ്കിൽ അധികം എന്ന് വർഗ്ഗീകരിക്കുന്നു. ടൈമർ കൃത്യതയ്ക്ക് performance.now() ഉപയോഗിച്ച് 1-സെക്കൻഡ് ഇടവേളകളിൽ setInterval വഴി പ്രവർത്തിക്കുന്നു.
3. 3
   അസംസ്കൃത കീസ്ട്രോക്ക് ഡാറ്റയിൽ നിന്ന് മെട്രിക്സ് കണക്കാക്കുന്നു

   ടെസ്റ്റിന്റെ അവസാനം, പൂർണ്ണമായി ശരിയായ വാക്കുകളുടെയും അവയുടെ പിന്നിലെ സ്പേസുകളുടെയും ക്യാരക്ടറുകളിൽ നിന്ന് നെറ്റ് WPM കണക്കാക്കപ്പെടുന്നു, കടന്നുപോയ സെക്കൻഡുകൾ കൊണ്ട് ഹരിച്ച്, സ്റ്റാൻഡേർഡ് 5-ക്യാരക്ടർ-ഓരോ-വാക്ക് യൂണിറ്റിലേക്ക് മാറ്റുന്നു. റോ WPM പിശകുകൾ ഉൾപ്പെടെ ഓരോ കീസ്ട്രോക്കും കൗണ്ട് ചെയ്യുന്നു. Consistency ഓരോ സെക്കൻഡ്-അടിസ്ഥാന റോ സാമ്പിളുകളും ഉപയോഗിച്ച് ഒരു coefficient of variation കണക്കാക്കുന്നു, പിന്നെ 0–100 സ്കോർ നിർമ്മിക്കാൻ kogasa സ്മൂത്തിംഗ് സൂത്രവാക്യം (100 × (1 − tanh(cov + cov³/3 + cov⁵/5))) പ്രയോഗിക്കുന്നു.
4. 4
   ഫലങ്ങളുടെ ചാർട്ട് Canvas-ലേക്ക് റെൻഡർ ചെയ്യുന്നു

   സമയത്തിനനുസരിച്ചുള്ള WPM-ഉം റോ-WPM-ഉം സീരീസ് 2D Context API ഉപയോഗിച്ച് ഒരു HTML Canvas എലമെന്റിലേക്ക് വരയ്ക്കുന്നു. നിങ്ങളുടെ ഫലം എക്സ്പോർട്ട് ചെയ്യുമ്പോൾ, ചാർട്ട്, പ്രധാന സ്ഥിതിവിവരക്കണക്കുകൾ, libratool.com ആട്രിബ്യൂഷൻ എന്നിവ ഉൾപ്പെടെ ഒരു 820×460 ചിത്രം അതേ Canvas API റെൻഡർ ചെയ്യുകയും canvas.toBlob() വഴി ഒരു PNG ആയി നൽകുകയും ചെയ്യുന്നു.

അനുബന്ധ ടൂളുകൾ