සටහන: මෙම ලිපිය සුරේන් ඩයස්ගේ jQuery Basics බ්ලොග් ලිපියෙහි සිංහල පරිවර්තනයකි.
මෙමෙ ලිපිය ඔබට jQuery පිළිබද මූලික අවබෝධයක් ලබාගැනීම සදහා වන පුළුල් මාර්ගෝපදේශයකි.
මෙය jQuery හි මූලික කරුණු තේරුම් ගැනීමට උපකාරවත් වන මාර්ගෝපදේශයකි.
යෙදීම්
jQuery යනු Javascript විමසුම් භාෂාවකි. jQuery මඟින් DOM මත විධාන ලබා දෙයි. jQuery library’s හරස් බ්රවුසර් අනුකූලතාව( cross-browser compatibility) දක්වයි.
භාවිතය
jQuery සෘජු DOM මෙහෙයුම සඳහා ඉඩ ලබාදේ. පුස්තකාලයේ විධාන බොහොමයක් සංක්ෂිප්ත සහ පැහැදිලි ය. ව්යවසාය සහ කුඩා පරිමාණයේ යෙදීම් එහි යෝධ නම්යශීලී වීම නිසා jQuery භාවිතා කරයි. ඉඟිය: jQuery DOM සෘජුවම භාවිතා කරන බැවින් jQuery වෙබ් යෙදුම් වේගවත් විය හැක. අපගේ පරික්ෂා කිරීමේ දී, jQuery යෙදුම් කෝණවලට වඩා ප්රතිවිරුද්ධව හෝ ප්රතික්රියක ප්රතික්රියා වලට වඩා පටවනු ලැබේ.
Syntax jQuery පහත රීතය භාවිතා කරයි:
$ (තේරීම්) .action ()
‘$’ සංකේතය ක්රියාත්මක කිරීමට jQuery ඉල්ලා සිටී. ‘තේරීම්කාරකය’ විසින් DOM අංගය මෙහෙයවනු ලබයි. DOM ක්රියාවලිය මෙහෙයවන ක්රියාව HTML ගොනුවේ jQuery භාවිතා කරමින් JQuery හි ප්රයෝජනවත් තේරීම් කිහිපයක් පහත දැක්වේ
jQuery Effects
JQuery හි වඩාත් හොද ලක්ෂණයක් වන්නේ එහි බලපෑමයි. බලපෑම් මඟින් තෝරාගත් DOM අංගයන් තුළ සංක්රමණික සජීවනය නිෂ්පාදනය කිරීමට ඉඩ ලබා දේ. බහුලව භාවිතා වන jQuery effects.
- hide()
තිරය වෙතින් DOM elements සගවනුලබේ.
- show()
තිරය මත DOM elements පෙන්වයි.
- animate()
ඔබගේ අවශ්‍යතා සඳහා animate කිරීමට ඉඩ සලසයි. සටහන: animate() බොහෝ jQuery effects සදහා භාවිත කල හැක. AJAX GET / POST Requests with JQuery GET සහ POST methods භාවිතා කිරීමට jQuery භාවිතා කරයි. Get () ක්රමය server මගින් client තොරතුරු ලබාගනී. Post () ක්රමය දත්ත ගබඩා කිරීමකින් තොරව server මගින් client තොරතුරක් ලබා ගනී. සටහන: post () ක්රමයට දත්ත ආරක්ෂිත නොවන නිසා, get () ක්රමයට වඩා ආරක්ෂිත වේ. Post () ක්රමය Get () ක්රමය සෙමෙන් ක්‍රියා කරයි. Avanka IT jQuery ඉඟි
- DOM interactions සීමාකරන්න.
- අනවශ්ය ලෙස layout properties වලට පිවිසීමෙන් වලකින්න.
- selectors සරලව තබන්න.
- කෝඩ් ගැටුම් මඟහරවා ගැනීම සඳහා ඔබේ කේතය jQuery plugin බවට හරවන්න. එම සීමාවන් උපයෝගී කර ගනිමින් නැවත නැවත උත්පාදනය කිරීම.
- cookies වෙනුවට local storage භාවිතා කරන්න.
- ඔබගේ කේතයෙහි නිර්නාමික ක්රියාකාරකම් (anonymous functions) භාවිතා නොකරන්න.
- global variables භාවිතා නොකරන්න.
සාරාංශය
ඉක්මන් DOM හැසිරවීම සඳහා ඉඩ සලසනුයේ ජාවීරි ඉතා විශාල ජාවා ස්ක්රිප්ට් එකකි. ඔබගේ වෘත්තීය ජීවිතය තුළදී කිසියම් අවස්ථාවකදී jquery ඉගෙන ගන්නා ලෙස අපි නිර්දේශ කරමු.
ඉක්මන් ඉල්ලීමක්
මෙම blog post එක ඔබටත් ඔබේ යහලුවන්ටත් ප්‍රයෝජනවත්වේ යැයි සිතනවානම් මෙය සමාජ ජාලයන් ඔස්සේ බෙදා හරින්න. ඔබ යම් මාතෘකාවක් ගැන ලිවීමට කැමති නම් ඕනෑම අවස්ථාවක අප හා සම්බන්ධ වන්න.
යොමුව
- [https://www.hongkiat.com/blog/code-optimization-jquery-best-practices/]
- [https://www.cybrilla.com/blog/jquery-best-practices-performance/]
- JQuery Tutorial. (2018). Retrieved September 20, 2018, from https://www.w3schools.com/jquery/
- How jQuery Works. (2018). Retrieved September 20, 2018, from https://learn.jquery.com/about-jquery/how-jquery-works/
- JQuery Basics. (2018). Retrieved September 20, 2018, from https://www.tutorialspoint.com/jquery/jquery-basics.htm
- Jaeger, R. (2017, March 17). JQuery Selectors – The Absolute Basics – Robbie Jaeger – Medium. Retrieved September 20, 2018, from https://medium.com/@jaeger.rob/jquery-selectors-the-absolute-basics-d781500c722c
- Severance, C. (2018). JQuery Basics – Using JQuery. Retrieved September 20, 2018, from https://www.coursera.org/lecture/javascript-jquery-json/jquery-basics-VkM0I