هناك عدد لا يحصى من مكتبات JavaScript الشائعة، مثل jQuery وMooTools وPrototype وDojo وYUI. مكتبات جافا سكريبت هذه غنية بالميزات، ومع مكوناتها الإضافية، يمكنها القيام بأي مهمة تقريبًا، ومع ذلك، فإن هذه المكتبات غالبًا ما تتسبب في تضخم حجم صفحات الويب الخاصة بك. في بعض الحالات، إذا كنت ترغب فقط في إكمال مهمة معينة، فيمكنك استخدام بعض المكتبات خفيفة الوزن مع وظائف أكثر تخصصًا. تقدم هذه المقالة 40 مكتبة JavaScript خفيفة الوزن ممتازة.
1. النموذج ذات الصلة
مشروع مفتوح المصدر بسيط يعمل على تبسيط وظائف نموذج JavaScript الأكثر استخدامًا، بما في ذلك وظائف التحقق من صحة النموذج التي يمكن استخدامها مباشرة، بالإضافة إلى ذلك، يتضمن أيضًا مزامنة قوية للنموذج ووظائف الحكم على حالة النموذج.
إطار عمل آخر للتحقق من صحة نموذج JavaScript. يحتوي على منطق متكامل، ويمكن أن تكون بعض الإعدادات نماذج عامة أو فردية أو كائنات فردية. يوفر واجهتي برمجة التطبيقات (APIs)، مع دمج دعم AJAX، والتخزين المؤقت، ووظائف رد الاتصال. وهو يوفر عبارات API تشبه HTML، بالإضافة إلى JavaScript API الموجهة للكائنات.
التحقق المباشر ( http://www.livevalidation.com )
مكتبة التحقق من صحة النموذج خفيفة الوزن. بالإضافة إلى وظيفة التحقق التقليدية، فإنها توفر أيضًا التحقق في الوقت الفعلي، والذي يمكن التحقق منه بمجرد إدخاله. قد يجد مستخدمو Ruby on Rails هذه المكتبة مفيدة لأن اصطلاحات التسمية والمعلمات الخاصة بهم متشابهة جدًا. تحتوي المكتبة على إصدار مستقل وإصدار أولي.
ياف ( http://yav.sourceforge.net/en/index.html )
مكتبة قوية ومرنة وقابلة للتوسيع للتحقق من صحة النماذج. يدعم مجموعة متنوعة من السيناريوهات، بدءًا من عمليات التحقق البسيطة مثل التواريخ وعناوين البريد الإلكتروني والأعداد الصحيحة، وحتى العمليات المعقدة مثل التعبيرات العادية. دعم AJAX المدمج، يمكن تحديد موقع رسالة خطأ الإخراج على مستوى الكائن.
نماذج كيو ( 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. يمكنك تحديد وقت الرسوم المتحركة وتحديد تأثيرات الانتقال والتأخير. يمكن تشغيل الأحداث في أي وقت تقريبًا.
الرسوم المتحركة للفيسبوك ( http://developers.facebook.com/animation/ )
أداة قوية لإنشاء رسوم متحركة قابلة للتخصيص تعتمد على CSS. في الرسوم المتحركة على فيسبوك، يمكن لبضعة أسطر من التعليمات البرمجية تحسين واجهة المستخدم. بناء الجملة هو نفس FBJS (مكتبة Facebook).
الفوركس ( 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 يجعل كتابة البرامج ثلاثية الأبعاد أمرًا سهلاً. يوفر مجموعة من فئات الرياضيات والمشهد والكائنات ثلاثية الأبعاد لتطوير محتوى ثلاثي الأبعاد مباشرة في المتصفح دون الحاجة إلى معرفة عميقة ثلاثية الأبعاد.
Processing.js ( http://ejohn.org/blog/processingjs/ )
هذا هو نقل لغة المعالجة إلى JavaScript. الإخراج ثنائي الأبعاد غني بالميزات. يوفر وظائف معالجة للرسم ومعالجة الألوان والخطوط والكائنات وما إلى ذلك.
رافا؟ ل ( http://raphaeljs.com/ )
مكتبة جافا سكريبت مذهلة لتنفيذ الرسومات المتجهة على الويب. باستخدام SVG، يمكن تغيير الرسومات التي تم إنشاؤها باستخدام VML أو ربط الأحداث. غنية جدًا بالوظائف، بما في ذلك التدوير والرسوم المتحركة والتكبير/التصغير وما إلى ذلك.
إيماجي إف إكس ( http://www.nihilogic.dk/labs/imagefx/ )
تضيف مكتبة JavaScript هذه تأثيرات على الصور مثل التمويه، والتوضيح، والزخرفة، والتمييز، وما إلى ذلك. يستخدم ImageFX كائنات قماشية لتحقيق هذه التأثيرات وهو متوافق مع جميع المتصفحات الرئيسية. هذه المكتبة سهلة الاستخدام للغاية، ما عليك سوى إدراج ملف مكتبة .js في صفحة الويب واستدعاء هذه الوظائف.
بيكسارتك ( http://www.pixastic.com/ )
يستخدم Pixastic كائن قماش HTML5، مما يسمح بمعالجة وحدات البكسل الأولية. تشمل التأثيرات إزالة التشبع، وتدرج الرمادي، والانعكاس، والسطوع، وتعديل التباين، والصبغة، وضبط التشبع، بالإضافة إلى التخفيف، والتعتيم، وتأثيرات أخرى. نظرًا لأنه يستخدم كائن HTML 5، فهو غير متوافق بعد مع جميع المتصفحات.
Reflection.js ( http://cow.neondragon.net/stuff/reflection/ )
تقوم لغة JavaScript ذات المستوى المنخفض جدًا بتنفيذ تأثير الانعكاس تلقائيًا. يمكن تعديل ارتفاع وشفافية الانعكاس. يدعم جميع المتصفحات الرئيسية، حجم الملف أقل من 5 كيلو بايت.
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). يمكن إنشاء الجداول تلقائيًا والتحقق من صحة البيانات ومزامنتها.
