บทความ IT เจ๋งๆ
5 ตัวเลือกของ JQuery ที่คุณควรลองใช้งาน
12-มิ.ย.-19
คัมภีร์เทพ IT
JQuery เป็น JavaScript Library ที่เป็น Open-Source และ Cross-Platform ที่มีความรวดเร็ว โดยมันช่วยให้การเขียน JavaScript บน Website มีความง่ายและสะดวกขึ้น รวมทั้งทำให้การจัดการ HTML Document, Animation, การจัดการ Event และ AJAX ง่ายขึ้นด้วย API ที่ใช้งานง่าย วันนี้เรามาดู 5 ตัวเลือกของ JQuery ที่มีน้ำหนักเบาซึ่งคุณควรลองนำไปใช้งานดู
1. UmbrellaJS
UmbrellaJS ได้รับอิทธิพลอย่างมากจาก JQuery ซึ่งมีขนาดเพียง 2.5Kb เมื่อบีบอัดเป็นไฟล์ Gzip แล้ว ซึ่งหมายความว่า จะใช้เวลาโหลดเพียงแค่วินาทีเดียวในโทรศัพท์มือถือ มันไม่เพียงมีขนาดเล็ก แต่มันยังมาพร้อมกับ Feature พิเศษบางอย่างเมื่อเทียบกับ JQuery มันรองรับทั้ง Internet Explorer 11 ขึ้นไป และ Browser ยอดนิยมอื่น ๆ มันแตกต่างจาก JQuery ตรงที่คุณสามารถใช้ JavaScript Method แบบดั้งเดิมบน Umbrella Selectors ส่วน Syntax ของมันก็คล้ายกับ JQuery ยกเว้นตรงที่ใช้ u แทน $
มาดูตัวอย่างการใช้งานกัน:
2. Cash
Cash เป็นทางเลือกของ JQuery ที่มีขนาดเล็ก (ประมาณ 10% ของ JQuery) ที่รองรับ IE10 ขึ้นไป และ Browser รุ่นใหม่อื่น ๆ Syntax ของมันก็คล้ายกับ JQuery อีกทั้งยังมี Query Selector, Collection Methods และ Library Methods อีกด้วย Cashอาจไม่มี Feature ทั้งหมดของ JQuery แต่ก็มี Feature พื้นฐานที่จำเป็นทั้งหมดที่คุณต้องการ
มาดูตัวอย่างการใช้งานกัน:
3. ChibiJS
Chibi เป็น Library ขนาดเล็กที่มีน้ำหนักเบามากพอที่จะนำเขียน Code เพิ่มเพียงบรรทัดเดียวใน Single Page Web Apps ซึ่งช่วยลดในเรื่อง HTTP Request โดยมันมีขนาด 7KB เมื่อทำการ Minify (ตัดส่วนที่ไม่จำเป็น เช่น ลบช่องว่างใน Code หรือคำสั่งที่ใช้งานซ้ำๆ เป็นต้น) และมีขนาดเพียง 3KB เมื่อทำการบีบอัดเป็นไฟล์ Zip แล้ว ใน Browser รุ่นใหม่ Chibi สามารถ Execute DOM Manipulation ได้เร็วกว่า Library ขนาดใหญ่อื่น ๆ ถึง 20 - 50% มันมี Syntax ที่คล้ายกับ JQuery โดย ChibiJS มีการใช้ $ namespace เพื่อป้องกันมิให้ Library ขนาดเล็ก รวมกับ Library ขนาดใหญ่อื่น ๆ
มาดูตัวอย่างการใช้งานกัน:
4. ZeptoJS
Zepto เป็น JavaScript Library แบบ Open-Source ที่มีความกะทัดรัดเรียบง่ายสำหรับ Browser รุ่นใหม่ที่มี API ที่รองรับ jQuery สำหรับ Library ตัวนี้ไม่มีแผนที่จะแข่งขันกับ JQuery ใด ๆ แต่เพื่อให้ Developer สามารถใช้ประโยชน์จาก API ได้มากที่สุดในขนาดที่น้อยลงได้ ขนาดของ ZeptoJS มีขนาดเพียง 5 – 10KB ซึ่งทำให้การ Download และการ Execute ทำได้รวดเร็วยิ่งขึ้น มันรองรับ IE10 ขึ้นไป รวมทั้ง Browser หลัก ๆ ทั้งหมด
มาดูตัวอย่างการใช้งานกัน:
5. JavaScript
JavaScript แบบดั้งเดิมเป็นหนึ่งในตัวเลือก JQuery ที่ดีที่สุด ที่กล่าวเช่นนี้ก็เพราะ Browser ส่วนใหญ่มาพร้อมกับ JavaScript โดย Default อยู่แล้ว ดังนั้น คุณไม่จำเป็นต้องติดตั้ง JQuery ใน Application ของคุณ JQuery เป็น Library ที่ใช้ JavaScript เป็นพื้นฐาน ซึ่งรองรับ Browser รุ่นเก่า ๆ และช่วยลดปัญหาในเรื่องความเข้ากันได้ของ Browser สำหรับข้อเสียเพียงอย่างเดียวของ JavaScript ก็คือเรื่อง การมี Syntax ที่ไม่ค่อย Friendly มากเหมือนอย่างที่ JQuery มี
มาดูตัวอย่างการใช้งานกัน:
สรุป
นี่คือ ตัวเลือกของ JQuery ที่มีน้ำหนักเบาบางส่วนที่คุณสามารถลองไปใช้ดูได้ แม้ Library เหล่านี้อาจมี Feature ที่ไม่เหมือนกับของ JQuery ทั้งหมด แต่ถ้า Project ของคุณสามารถทำได้โดย Library เหล่านี้ มันก็ไม่มีอะไรผิดที่คุณจะลองใช้ตัวเลือกเหล่านี้ และการปรับปรุง Performance โดยรวมของ Application ของคุณ
ที่มา: https://www.technotification.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด