มีไลบรารี JavaScript ยอดนิยมมากมาย, jQuery, MooTools, Prototype, Dojo, YUI ไลบรารี JavaScript เหล่านี้มีคุณสมบัติหลากหลาย และด้วยปลั๊กอิน ไลบรารีเหล่านี้สามารถทำงานได้เกือบทุกอย่าง อย่างไรก็ตาม ไลบรารีเหล่านี้มักทำให้หน้าเว็บของคุณมีขนาดใหญ่ขึ้น ในบางกรณี หากคุณต้องการทำงานเฉพาะอย่างให้สำเร็จ คุณสามารถใช้ไลบรารีน้ำหนักเบาที่มีฟังก์ชันพิเศษเพิ่มเติมได้ บทความนี้จะแนะนำไลบรารี JavaScript น้ำหนักเบาที่ยอดเยี่ยม 40 รายการ
1. แบบฟอร์มที่เกี่ยวข้อง
โปรเจ็กต์โอเพ่นซอร์สแบบโลว์คีย์ที่ลดความซับซ้อนของฟังก์ชันฟอร์ม JavaScript ที่ใช้บ่อยที่สุด รวมถึงฟังก์ชันการตรวจสอบความถูกต้องของฟอร์มที่สามารถใช้ได้โดยตรง นอกจากนี้ ยังมีฟังก์ชันการซิงโครไนซ์ฟอร์มที่มีประสิทธิภาพและฟังก์ชันการตัดสินเงื่อนไขของฟอร์มอีกด้วย
อีกหนึ่งเฟรมเวิร์กการตรวจสอบแบบฟอร์ม JavaScript แบบคีย์ต่ำ มีตรรกะแบบรวม และการตั้งค่าบางอย่างอาจเป็นแบบโกลบอล แบบเดี่ยว หรือแบบออบเจ็กต์เดี่ยว มี API สองแบบที่ผสานรวมการสนับสนุน AJAX การแคช และฟังก์ชันการโทรกลับ มันมีคำสั่ง API ที่เหมือน HTML เช่นเดียวกับ JavaScript API เชิงวัตถุ
การตรวจสอบความถูกต้อง ( http://www.livevalidation.com )
ไลบรารีการตรวจสอบความถูกต้องของฟอร์มแบบน้ำหนักเบา นอกเหนือจากฟังก์ชันการตรวจสอบแบบเดิมแล้ว ยังมีการตรวจสอบแบบเรียลไทม์ ซึ่งสามารถตรวจสอบได้เมื่อคุณเข้ามาแล้ว ผู้ใช้ Ruby on Rails อาจพบว่าไลบรารีนี้มีประโยชน์เนื่องจากรูปแบบการตั้งชื่อและพารามิเตอร์คล้ายกันมาก ไลบรารีมีทั้งเวอร์ชันสแตนด์อโลนและเวอร์ชันต้นแบบ
จาฟ ( http://yav.sourceforge.net/en/index.html )
ไลบรารีการตรวจสอบแบบฟอร์มที่ทรงพลัง ยืดหยุ่น และขยายได้ รองรับสถานการณ์ที่หลากหลาย ตั้งแต่การตรวจสอบอย่างง่าย เช่น วันที่ ที่อยู่อีเมล และจำนวนเต็ม ไปจนถึงการตรวจสอบที่ซับซ้อน เช่น นิพจน์ทั่วไป รองรับ AJAX ในตัว ข้อความแสดงข้อผิดพลาดเอาต์พุตสามารถอยู่ที่ระดับอ็อบเจ็กต์
qForms ( http://www.pengoworks.com/index.cfm?action=get:qforms )
โซลูชั่นที่สมบูรณ์สำหรับการประมวลผลแบบฟอร์ม คุณสมบัติต่างๆ รวมถึงกฎการตรวจสอบต่างๆ กลไกในการป้องกันการโพสต์หลายครั้ง และความสามารถในการล็อคหรือปลดล็อคช่องป้อนข้อมูล
ฟอร์มรีฟอร์ม ( http://code.google.com/p/formreform/ )
การออกแบบหลายคอลัมน์ที่ไม่ใช่แบบตารางถือเป็นเรื่องท้าทายมาโดยตลอด ห้องสมุดเล็กๆ นี้เปลี่ยนรูปแบบดั้งเดิมให้กลายเป็นรูปแบบหลายคอลัมน์ที่สวยงาม
2. ที่เกี่ยวข้องกับแอนิเมชั่น
$fx ( http://fx.inetcat.com/ )
ไลบรารีน้ำหนักเบาสำหรับทำให้วัตถุ HTML เคลื่อนไหว คุณสามารถเปลี่ยนคุณสมบัติ CSS ใดๆ บนไทม์ไลน์ได้ และสำหรับภาพเคลื่อนไหวที่ซับซ้อน คุณสามารถรวมเอฟเฟกต์ จัดกลุ่มวัตถุ และทำให้มันเคลื่อนไหวแบบคู่ขนานได้
เจเอสวีเนอร์ ( http://coderepos.org/share/wiki/JSTweener )
ไลบรารี JavaScript ที่สร้างเฟรมระดับกลาง API ของมันคล้ายกับ Tweener เอ็นจิ้นเฟรมระดับกลางที่มีชื่อเสียง คุณสามารถระบุเวลาของภาพเคลื่อนไหวและกำหนดเอฟเฟกต์การเปลี่ยนแปลงและความล่าช้าได้ เหตุการณ์สามารถเกิดขึ้นได้เกือบทุกจุด
แอนิเมชั่น Facebook ( http://developers.facebook.com/animation/ )
เครื่องมืออันทรงพลังสำหรับการสร้างภาพเคลื่อนไหวที่ใช้ CSS ที่ปรับแต่งได้ ในแอนิเมชั่นของ Facebook โค้ดไม่กี่บรรทัดสามารถปรับปรุง UI ได้ ไวยากรณ์เหมือนกับ FBJS (ไลบรารีสำหรับ Facebook)
FX ( http://ryanmorr.com/archives/fx-lightweight-and-standalone )
ไลบรารี JavaScript น้ำหนักเบาพร้อมไวยากรณ์เหมือน YUI ที่สามารถสร้างระหว่างเฟรมสำหรับคุณสมบัติ CSS เกือบทุกประเภท รองรับสีและภาพเคลื่อนไหวแบบเลื่อนเพียงตั้งค่าเป็นและจากค่าสำหรับวัตถุ
3. เอฟเฟกต์ภาพและกราฟิก
แผนภูมิ JS ( http://www.jscharts.com/ )
รองรับแผนภูมิแท่ง แผนภูมิวงกลม และแผนภูมิเส้นโค้งอย่างง่าย แทรกไลบรารีนี้ลงในหน้าเว็บโดยตรงและเรียกข้อมูลจากไฟล์ XML หรือตัวแปรอาร์เรย์ JavaScript รูปแบบ PNG เข้ากันได้กับเบราว์เซอร์หลัก ๆ ทั้งหมด
ไลบรารี Canvas 3D JS (C3DL) ( http://www.c3dl.org/ )
C3DL ทำให้การเขียนโปรแกรม 3D เป็นเรื่องง่าย จัดเตรียมชุดของคลาสคณิตศาสตร์ ฉาก และออบเจ็กต์ 3 มิติเพื่อพัฒนาเนื้อหา 3 มิติโดยตรงในเบราว์เซอร์ โดยไม่ต้องมีความรู้เชิงลึกเกี่ยวกับ 3 มิติ
การประมวลผล js ( http://ejohn.org/blog/processingjs/ )
นี่คือการย้ายภาษาการประมวลผลไปยัง JavaScript เอาต์พุต 2D มีคุณสมบัติหลากหลาย มีฟังก์ชันการประมวลผลสำหรับการวาดภาพ การประมวลผลสี แบบอักษร วัตถุ ฯลฯ
ราฟา? ล ( http://raphaeljs.com/ )
ไลบรารี JavaScript ที่น่าทึ่งสำหรับการนำกราฟิกแบบเวกเตอร์ไปใช้บนเว็บ เมื่อใช้ SVG กราฟิกที่สร้างด้วย VML สามารถเปลี่ยนแปลงหรือเชื่อมโยงเหตุการณ์ได้ มีฟังก์ชั่นมากมาย เช่น การหมุน แอนิเมชั่น ซูม ฯลฯ
ImageFX ( http://www.nihilogic.dk/labs/imagefx/ )
ไลบรารี JavaScript นี้เพิ่มเอฟเฟ็กต์ให้กับรูปภาพ เช่น การเบลอ การทำให้คมชัด การทำให้นูน ไฮไลต์ ฯลฯ ImageFX ใช้วัตถุแคนวาสเพื่อให้ได้เอฟเฟกต์เหล่านี้และเข้ากันได้กับเบราว์เซอร์หลัก ๆ ทั้งหมด ไลบรารีนี้ใช้งานง่ายมาก เพียงแทรกไฟล์ไลบรารี .js ลงในหน้าเว็บแล้วเรียกใช้ฟังก์ชันเหล่านั้น
พิกซาสติก ( http://www.pixastic.com/ )
Pixastic ใช้วัตถุผ้าใบ HTML5 ช่วยให้สามารถจัดการพิกเซลดิบได้ เอฟเฟ็กต์ต่างๆ ได้แก่ การลดความอิ่มตัวของสี ระดับสีเทา การกลับกัน ความสว่าง การปรับคอนทราสต์ เฉดสี การปรับความอิ่มตัว ตลอดจนภาพนูน ภาพเบลอ และเอฟเฟ็กต์อื่นๆ เนื่องจากใช้ออบเจ็กต์ Canvas HTML 5 จึงยังเข้ากันไม่ได้กับเบราว์เซอร์ทั้งหมด
Reflection.js ( http://cow.neondragon.net/stuff/reflection/ )
JavaScript ที่คีย์ต่ำมากจะใช้เอฟเฟกต์การสะท้อนโดยอัตโนมัติ สามารถปรับความสูงและความโปร่งใสของการสะท้อนได้ รองรับเบราว์เซอร์หลักๆ ทั้งหมด ขนาดไฟล์ไม่เกิน 5K
4. ฐานข้อมูล
ทอฟฟี่ดีบี ( http://taffydb.com/ )
ไลบรารี JavaScript ที่สามารถถือเป็น SQL Server ในเบราว์เซอร์หรือตัวจัดการอาร์เรย์ขั้นสูง ในโปรแกรมที่ใช้ AJAX สามารถใช้เป็นเลเยอร์ฐานข้อมูลเพื่อสร้าง อ่าน แก้ไข ลบข้อมูล ใช้ลูป การเรียงลำดับ และการสืบค้นขั้นสูง
ActiveRecord.js ( http://www.activerecordjs.org/ )
ไลบรารีนี้สนับสนุน Google Gears เช่นเดียวกับ Chrome, Aptana Jaxer, Adobe AIR และแพลตฟอร์มใดๆ ที่รองรับข้อกำหนด HTML 5 SQL (ปัจจุบันคือ Webkit และ iPhone) สามารถสร้างตารางได้โดยอัตโนมัติ ตรวจสอบข้อมูลและซิงโครไนซ์
