UmbrellaJS เป็นทางเลือกของคุณในการ jQuery

โอเพ่นซอร์ส ห้องสมุด jQuery ได้ครอบงำการพัฒนาเว็บมานานหลายปี ยังคงเป็นหนึ่งในแหล่งข้อมูลที่น่าเชื่อถือที่สุดสำหรับ JavaScript แต่ยังมี ห้องสมุดใหม่ในเมือง เรียกว่า UmbrellaJS.

ร่มก็เช่นกัน เปิดแหล่งที่สมบูรณ์ และ มีฟังก์ชั่นเดียวกันมากมาย รวมถึงตัวเลือกองค์ประกอบ, การจัดการ DOM, และคำขอ AJAX.

Umbrella JS ทำงานเหมือน jQuery เกือบทั้งหมดยกเว้น การเรียกใช้ไวยากรณ์และฟังก์ชันต่างกัน. ดังนั้นถ้า Umbrella อยู่ใกล้กับ jQuery, ประโยชน์คืออะไร ของการใช้งาน?

อัมเบรลล่าหมายถึงการเป็น ไลบรารีขนาดเล็กกว่า jQuery และมัน สำหรับการจัดการ DOM เท่านั้น. และตรงไปตรงมาห้องสมุดนี้คือ กะทัดรัดเป็นพิเศษ เมื่อเปรียบเทียบกับ jQuery.

ห้องสมุด Umbrella.js แบบเต็มคือ เกี่ยวกับ 4KB แบบไม่ย่อขนาด. รุ่นล่าสุดของ jQuery รวมมากกว่า 250KB! ดังนั้นหากคุณกำลังมองหา jQuery เวอร์ชันที่ง่ายขึ้น จากนั้นอัมเบรลล่าจะ โหลดเร็วกว่า และ เพียงใช้งานง่าย.

เอกสารออนไลน์ให้ รายการฟังก์ชั่นและพารามิเตอร์ทั้งหมด คุณสามารถส่งผ่านไปยังฟังก์ชั่นเหล่านั้น มันเป็น คู่มือที่สมบูรณ์ ถึงร่มและมัน การปรับปรุงอย่างต่อเนื่อง.

โชคดีที่คุณสมบัติ jQuery ที่คล้ายกันจำนวนมากถูกเลียนแบบผ่านทาง Umbrella ดังนั้น ไวยากรณ์อ่านง่ายมาก. ตัวอย่างเช่น บน() method เหมือนกันและคุณสามารถส่งเหตุการณ์เดียวกันทั้งหมดให้ผู้ฟังได้เช่น คลิก หรือ โฉบ.

ความแตกต่างที่ยิ่งใหญ่ที่สุด คือตัวเลือก Umbrella ใช้ ยู() วิธีการแทน jQuery ของสามัญ $ (). นี่คือ ตัวอย่างรหัส ที่ทริกเกอร์กล่องเตือนเมื่อมีคนคลิกปุ่มที่มีคลาส .ปุ่ม.

 u ("ปุ่ม"). on ('คลิก', function () alert ("Hello world");); 

มันเป็นตัวอย่างที่เรียบง่าย แต่มันแสดงให้เห็นถึงคุณค่าของอัมเบรลล่าอย่างสมบูรณ์แบบ.

ไปยัง ดูการสาธิตสด ตรวจสอบปากกานี้เสนอ การเลือกฟิลด์อินพุตตัวอย่าง. รหัสผลลัพธ์ทั้งหมดคือ ปรากฏขึ้นทางขวาบนหน้าจอ. นอกจากนี้คุณยังสามารถ ศึกษาซอร์สโค้ดของ Umbrella JS เพื่อดูว่ามันทำงานอย่างไร.

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Umbrella ลองดูที่ เว็บไซต์ทางการ หรือดูรหัสที่มาอาศัยอยู่ใน GitHub repo.