GyaanSetu ஜாவாஸ்கிரிப்ட்

ஜாவாஸ்கிரிப்ட் மற்றும் டைப்ஸ்கிரிப்ட் சூழல் அமைப்பு.

115 articlesDeep, practical knowledge

டைப்ஸ்கிரிப்ட் போரில் AI வெற்றி பெற்றது

டைப்ஸ்கிரிப்ட் போரில் AI வெற்றி பெற்றது. விவாதம் முடிவுக்கு வந்தது. சிறந்த வாதங்களால் டைப்ஸ்கிரிப்ட் வெற்றி பெறவில்லை. AI கருவிகள் இந்த விவாதத்தையே தேவையற்றதாக மாற்றியதால் இது வெற்றி பெற்றது. ஆராய்ச்சியாளர்கள் ஒரு முக்கிய முறையைத்...

ஜாவாஸ்கிரிப்ட் · 2 min read

DOM CRUD செயல்பாடுகள்

DOM CRUD செயல்பாடுகள்: டாக்குமெண்ட் ஆப்ஜெக்ட் மாடல் (DOM) என்பது உலாவிகள் HTML-ஐ எவ்வாறு பிரதிபலிக்கின்றன என்பதைக் குறிக்கிறது. இது ஒவ்வொரு உறுப்பு (element), பண்பு (attribute) மற்றும் உரைத் துண்டையும் ஒரு பொருளாக (object) மாற்றுகிறது. ஜாவாஸ்கிரிப்ட் இந்த ஆப்ஜெக்ட்களைப் பயன்படுத்துகிறது...

ஜாவாஸ்கிரிப்ட் · 2 min read

React Context-ஐ எவ்வாறு அமைப்பது?

React Context-ஐ எவ்வாறு அமைப்பது? Prop drilling உங்கள் குறியீட்டைப் பாதிக்கிறது. தேவைப்படாத ஐந்து அடுக்கு கூறுகளின் (components) வழியாக நீங்கள் தரவை அனுப்புகிறீர்கள். React Context இதைச் சரிசெய்கிறது. இருப்பினும், பெரும்பாலான அமைப்புகள்...

ஜாவாஸ்கிரிப்ட் · 2 min read

இணையதள செயல்திறனின் 3 வினாடி விதி

இணையதள செயல்திறனின் 3 வினாடி விதி: உங்களிடம் மூன்று வினாடிகள் மட்டுமே உள்ளன. அதன் பிறகு, உங்கள் பயனர்கள் வெளியேறிவிடுவார்கள். ஒரு இணையதளம் செயல்பட 3 வினாடிகளுக்கு மேல் எடுத்தால், 53% மொபைல் பயனர்கள் அந்தத் தளத்தை விட்டு வெளியேறுவதாக கூகுள் ஆராய்ச்சி காட்டுகிறது...

ஜாவாஸ்கிரிப்ட் · 2 min read

React Refs மற்றும் useRef Hook-ஐப் பயன்படுத்துதல்

React Refs மற்றும் useRef Hook-ஐப் பயன்படுத்துதல். React ஒரு declarative அணுகுமுறையைப் பயன்படுத்துகிறது. நீங்கள் state-ஐ மாற்றும்போது, React UI-ஐ மாற்றியமைக்கிறது. இது பெரும்பாலான பணிகளுக்குச் சரியாக இருக்கும். ஆனால் சில நேரங்களில் நீங்கள் இதிலிருந்து வெளியே வர வேண்டியிருக்கும்...

ஜாவாஸ்கிரிப்ட் · 2 min read

React-இல் Key-ஆக Index-ஐப் பயன்படுத்துவது ஏன் ஒரு தவறான யோசனை?

React-இல் Key-ஆக Index-ஐப் பயன்படுத்துவது ஏன் ஒரு தவறான யோசனை? நீங்கள் React-இல் ஒரு டைனமிக் பட்டியலை உருவாக்குகிறீர்கள். ஒரு உருப்படியை நீக்குகிறீர்கள். திடீரென்று, மற்றொரு உருப்படியின் UI நிலை மாறுகிறது. அல்லது, நீங்கள் ஒரு பட்டியலை வரிசைப்படுத்தும்போது...

ஜாவாஸ்கிரிப்ட் · 2 min read

சந்தாக்கள் இல்லாமலேயே நேரடி இணையதள பார்வையாளர்களைக் கண்காணிக்கவும்

சந்தாக்கள் இல்லாமலேயே நேரடி இணையதள பார்வையாளர்களைக் கண்காணிக்கவும். ஒரு வாடிக்கையாளர் தங்கள் இணையதளத்தில் யார் நேரலையில் இருக்கிறார்கள் என்பதைப் பார்க்க விரும்பினர். அவர்களுக்கு Tidio விட்ஜெட் பிடித்திருந்தது, ஆனால் சந்தாவிற்காகப் பணம் செலுத்த விரும்பவில்லை...

ஜாவாஸ்கிரிப்ட் · 2 min read

React Key Prop ஏன் அவசியம்?

React Key Prop ஏன் அவசியம்? உங்கள் கன்சோலில் (console) இந்த பிழையைப் பார்க்கிறீர்கள்: "பட்டியலில் உள்ள ஒவ்வொரு குழந்தைக்கும் ஒரு தனித்துவமான 'key' prop இருக்க வேண்டும்." பல டெவலப்பர்கள் இதை அலட்சியப்படுத்துகிறார்கள். இது ஒரு தவறு. இந்த எச்சரிக்கை...

ஜாவாஸ்கிரிப்ட் · 2 min read

எனது கோடிங் ஏஜென்ட் வேலையை அல்ல, செஷன்களை மட்டுமே நினைவில் வைத்திருந்தது

எனது கோடிங் ஏஜென்ட் வேலையை அல்ல, செஷன்களை மட்டுமே நினைவில் வைத்திருந்தது. ஒரு கோடிங் ஏஜென்ட் ஒரு திரெட்டை (thread) உயிர்ப்புடன் வைத்திருக்க முடியும், இருப்பினும் அது மறதித் தன்மையுடன் செயல்படலாம். CliGate-ஐ உருவாக்கும்போது நான் இந்த சிக்கலை எதிர்கொண்டேன். நான் செஷன் தொடர்ச்சியைச் சரி செய்தேன்...

ஜாவாஸ்கிரிப்ட் · 2 min read

React பட்டியல்கள் மற்றும் Keys-இல் தேர்ச்சி பெறுங்கள்

React பட்டியல்கள் மற்றும் Keys-இல் தேர்ச்சி பெறுங்கள். React-இல் பட்டியல்களைத் திரையிடுவது எளிது, ஆனால் அதைச் சரியாகச் செய்வது கடினம். பல டெவலப்பர்கள் array index-ஐ ஒரு key-ஆகப் பயன்படுத்துகிறார்கள். இது ஒரு தவறு. இது பிழைகள் மற்றும்...

ஜாவாஸ்கிரிப்ட் · 2 min read

இன்பாக்ஸ் குழப்பங்கள் இன்றி கடவுச்சொல் இல்லா லாகினைச் சோதித்துப் பாருங்கள்

இன்பாக்ஸ் குழப்பங்கள் இன்றி கடவுச்சொல் இல்லா லாகினைச் சோதித்துப் பாருங்கள். ஒரு டெமோவில் கடவுச்சொல் இல்லா லாகின் எளிதாகத் தோன்றுகிறது. ஒரு பயனர் மின்னஞ்சலை உள்ளிடுகிறார். ஒரு மேஜிக் லிங்க் வருகிறது. செஷன் தொடங்குகிறது. ஸ்டேஜிங்கில், இந்த செயல்முறை...

ஜாவாஸ்கிரிப்ட் · 2 min read

Node.js ஆயிரக்கணக்கான கோரிக்கைகளை எவ்வாறு கையாள்கிறது?

Node.js ஆயிரக்கணக்கான கோரிக்கைகளை எவ்வாறு கையாள்கிறது? Node.js என்பது சிங்கிள் த்ரெடட் (single threaded) என்று மக்கள் கூறுகிறார்கள். இருப்பினும், இது நிறுத்தாமல் ஆயிரக்கணக்கான கோரிக்கைகளைக் கையாள்கிறது, கோப்புகளைப் படிக்கிறது மற்றும் API அழைப்புகளைச் செய்கிறது. இது எப்படி...

ஜாவாஸ்கிரிப்ட் · 2 min read

ஒவ்வொரு npm இன்ஸ்டால் செய்பதன் மறைந்திருக்கும் செலவு

ஒவ்வொரு npm இன்ஸ்டால் செய்பதன் மறைந்திருக்கும் செலவு. ஜாவாஸ்கிரிப்டை சரிசெய்ய நூலகங்களை (libraries) பதிவிறக்கம் செய்வதிலேயே நாம் பத்து ஆண்டுகளைச் செலவிட்டோம். தேதிகளுக்காக moment.js ஐப் பயன்படுத்தினோம். பயன்பாட்டுத் தேவைகளுக்காக lodash ஐப் பயன்படுத்தினோம். node fetch ஐ...

ஜாவாஸ்கிரிப்ட் · 2 min read

உணவு உற்பத்தியில் UV காற்று மறுசுழற்சி கருவிகளைப் பயன்படுத்தும்போது ஏற்படும் தவறுகள்

உணவு உற்பத்தியில் UV காற்று மறுசுழற்சி கருவிகளைப் பயன்படுத்தும்போது ஏற்படும் தவறுகள். உணவு உற்பத்தியில் காற்றின் தூய்மை மிகவும் முக்கியமானது. பேக்கேஜிங் பகுதிகள் குறிப்பாக உணர்திறன் கொண்டவை. காற்றில் பரவும் நுண்ணுயிரிகள் தயாரிப்பின் தரத்தை பாதிக்கும்...

ஜாவாஸ்கிரிப்ட் · 2 min read

ஒரு ஊடாடும் செயலி வழிகாட்டியை உருவாக்குதல்

ஒரு ஊடாடும் செயலி வழிகாட்டியை உருவாக்குதல்: ஆதரவுக் குழுக்கள் தாங்கள் ஒருபோதும் நிறுவாத செயலிகளுடன் பெரும்பாலும் சிரமப்படுகிறார்கள். ஸ்கிரீன்ஷாட்டுகளுடன் கூடிய ஒரு PDF என்பது வழக்கமான தீர்வாகும். பெரும்பாலான மக்கள் PDF-களைப் படிப்பதில்லை...

ஜாவாஸ்கிரிப்ட் · 2 min read

ஒரு இயந்திரத்தையும் தொடாமலேயே அனைத்து கிளைகளையும் நான் எப்படிப் புதுப்பித்தேன்

ஒரு இயந்திரத்தையும் தொடாமலேயே அனைத்து கிளைகளையும் நான் எப்படிப் புதுப்பித்தேன். நான் Electron பயன்படுத்தி ஒரு உள் பயன்பாட்டிற்கான டெஸ்க்டாப் கருவியை உருவாக்கினேன். இது பல கிளை அலுவலகங்களில் உள்ள இயந்திரங்களில் இயங்குகிறது. இந்த அலுவலகங்கள் பல்வேறு...

ஜாவாஸ்கிரிப்ட் · 2 min read

React செயல்திறன் மேம்படுத்தல் சரிபார்ப்புப் பட்டியல்

React செயல்திறன் மேம்படுத்தல் சரிபார்ப்புப் பட்டியல். மெதுவான பயன்பாடுகள் வணிகங்களைச் சிதைத்துவிடும். அவை அதிகப்படியான வெளியேறும் விகிதத்தை (bounce rates) உண்டாக்கி, பயனர்களை விரக்தியடையச் செய்கின்றன. மேலும், அவை உங்கள் உள்கட்டமைப்புச் செலவுகளையும் அதிகரிக்கின்றன. நீங்கள் செய்ய வேண்டியவை...

ஜாவாஸ்கிரிப்ட் · 2 min read

React கற்றலில் 5-ஆம் நாள்: Batching மற்றும் Functional Updates

React கற்றலில் 5-ஆம் நாள்: Batching மற்றும் Functional Updates. ஒரு state setter-ஐ பலமுறை அழைப்பது பலமுறை render செய்ய வழிவகுக்கும் என்று நான் நினைத்தேன். நான் தவறாக இருந்தேன். React அதைவிட புத்திசாலித்தனமானது. அது பயன்படுத்துகிறது...

ஜாவாஸ்கிரிப்ட் · 2 min read

உங்கள் கன்சோல் உங்களிடம் பொய் சொல்கிறது

உங்கள் கன்சோல் உங்களிடம் பொய் சொல்கிறது. டீபக்கிங் (debugging) செய்யும் போது உங்கள் பிரவுசர் DevTools உங்களை தவறாக வழிநடத்தலாம். அது பழுதாகிவிடவில்லை. இது துல்லியத்திற்காக அல்லாமல், வேகத்திற்காக மேம்படுத்தப்பட்டுள்ளது. இதற்கான காரணங்கள் இதோ...

ஜாவாஸ்கிரிப்ட் · 2 min read