ما هو أفضل إطار جافا سكريبت خفيف الوزن؟[مغلق]
https://stackoverflow.com/questions/74048
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أنا أبحث عن إطار عمل جافا سكريبت خفيف الوزن هدفه الأساسي هو تجريد اختلافات المتصفح.أنا أستخدمه بشكل أساسي لإنشاء عناصر واجهة مستخدم جديدة، ولست بحاجة إلى شيء آخر يمنحني لغة مستقلة عن النظام الأساسي وDOM.
المحلول
هناك 3 مكتبات JS أستخدمها حاليًا: النموذج المبدئي, مسج و MooTools.النموذج الأولي و jQuery هما الأكثر استخدامًا على نطاق واسع.تعتبر jQuery وMooTools الأكثر خفة في الوزن.
لدى MooTools ميزة رائعة على موقعهم تسمح لك بإنشاء ملف .js مضغوط مخصص باستخدام الوحدات التي تحتاجها فقط، مما يجعلها أخف وزنًا، اعتمادًا على ما تفعله.تتمتع jQuery بقاعدة جماهيرية أعلى بكثير، ودعم أفضل بسبب ذلك.
من بين الثلاثة، أوصي بـ jQuery، ولكن ربما لا تكون فكرة سيئة إلقاء نظرة على جميع الخيارات المتاحة.
نصائح أخرى
أستخدم jQuery - فهو بسيط وصغير الحجم، والأفضل من ذلك كله:سهل جدا :)
انظر أيضا السؤال ما هي مكتبة جافا سكريبت التي ستختارها لمشروع جديد ولماذا؟
يبدو أن مسج وقد تزايد في الآونة الأخيرة.(يرى هذا العرض, ، الشريحة 4)
com.mooTools هو المفضل لدي كذلك.تسمح لك واجهتهم بأخذ الكثير أو القليل كما تريد، لذلك إذا كنت ترغب في إضافة المزيد من الحيل إلى حقيبة الأدوات الخاصة بك، فمن السهل جدًا القيام بذلك.
أنا معجب كبير بـ ياهو!واجهة المستخدم (YUI) مكتبة.يحتوي على مجموعة جيدة من عناصر معالجة DOM، وإطار عناصر واجهة مستخدم قوي جدًا.بالإضافة إلى ذلك، يمكنك مزج ومطابقة ما تريد استخدامه.
أنا أفضّل JQuery.لديها وثائق جيدة أيضا.مسج
فيما يلي مخطط مقارنة استخدمته للمساعدة في تقييم بعض المكتبات المتنوعة الموجودة هناك.
إنه لا يسرد بأي حال من الأحوال كل ميزة في كل مكتبة، ولكنه يوفر لك نظرة عامة جيدة لتضييق نطاق اختياراتك إلى الأطر التي يجب عليك البحث فيها بشكل أكبر لمعرفة ما إذا كانت تلبي احتياجاتك.
حاولت النموذج المبدئي و نصي أولا ولكن بعد ذلك تحولت إلى مسج وليس هناك من ينظر إلى الوراء.إذا كنت تريد واجهة مستخدم جميلة، فإن YUI أمر جيد، لكن jQuery بسيط في رأيي.
يحاول DOMAsistant.حجمه 7 كيلو بايت فقط مضغوط، وهو سريع للغاية ويدعم Unicode.
شخصيًا، عندما كنت أقوم بعمل من جانب العميل، وقعت في حب JQuery، الذي يحتوي على إصدار 15 كيلو بايت.هناك منحنى تعليمي بسيط، لكنه رائع جدًا.
jQuery رائع جدًا وسهل التعلم.لقد استخدمت Moo في الماضي لإجراء بعض عمليات المعالجة الأساسية لـ DOM.إنها ذات مساحة أقل ولكن وظائف أقل.الخيار الأفضل بالنسبة لك يعتمد بالتأكيد على متطلباتك.
كود YUI الأساسي -- yahoo-dom-event.js - حجمه 31 كيلو بايت ويعمل بشكل جيد جدًا.تحصل على كل أنواع لطيفة التعامل مع الحدث & التلاعب بـ DOM, ، ومن السهل جدًا إضافة الأشياء الأكثر تعقيدًا - والأثقل - إذا كنت في حاجة إليها ومتى.
مجرد اقتراح، لكني سأبحث عن إطار عمل يحتوي على الميزات التي تريدها ولا تقلق كثيرًا بشأن الحجم، وفي حدود المعقول.معظم الأطر الحديثة مثل PrototypeJS أو JQuery ليست كبيرة جدًا ولها إصدارات مصغرة (إزالة المسافات، وما إلى ذلك).بالإضافة إلى ذلك، يجب أن يتم تكوين موقعك للتخزين المؤقت لهذه المكتبات.المرة الوحيدة التي سيحتاج فيها المستخدم إلى تنزيل المكتبة هي في الزيارة الأولى، أو في أي زيارة بعد مسح ذاكرة التخزين المؤقت للمتصفح الخاص به.
عند تسمية ملف (ملفات) المكتبة، تأكد من استخدام اسم ملف فريد.على سبيل المثال، قم بتسمية مكتبتك بناءً على إصدار المكتبة.عندما تحتاج إلى الترقية إلى إصدار جديد من المكتبة، ما عليك سوى الرجوع إلى اسم الملف الجديد (الإصدار) من الصفحات ذات الصلة.سيسمح لك هذا بتخزين هذه الملفات مؤقتًا دون تاريخ انتهاء صلاحية قصير المدى.
هناك الكثير من تقنيات التخزين المؤقت الأخرى التي قد تستخدمها للتغلب على حجم ملف المكتبة وتحسين الأداء.أوصي بـ "مواقع الويب عالية الأداء"، رقم ISBN:0596529309.في حين أن جميع المعلومات الموجودة في الكتاب يمكن العثور عليها عبر الإنترنت، إلا أن الكتاب يقوم بعمل رائع في جمع المعلومات التي تحتاجها في مكان واحد، ويلصق المفاهيم المختلفة معًا (ليس لدي أي اهتمام مالي بهذا الكتاب).
مهما كان اختيارك، فكر في السماح لـ Google باستضافته نيابةً عنك:
هذا السؤال هو في الواقع نسخة مكررة من هذا السؤال (أظن).وكانت إجابتي على هذا السؤال كما يلي (وينطبق هنا أيضًا):
سوف تحصل على مليون إجابة هنا.والقصير هو:هناك عدة، وليس واحدا.إنهم جميعًا مختلفون في بعض النواحي ومتشابهون في البعض الآخر، وبشكل عام، لا يعتبر أي منهم اختيارًا سيئًا.الأطر الرئيسية التي أوصي بها هي (بالترتيب الأبجدي حتى لا تظهر أي تحيز):
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
ولكل من هذه الأساليب أنماط مختلفة، ومجتمعات مختلفة، وتركيزات مختلفة.أي واحد يجب عليك اختياره هو في الغالب مسألة مطابقة أسلوب هذه الأطر مع أسلوبك.اقض بعض الوقت في الاطلاع على البرامج التعليمية والعروض التوضيحية لكل منها واختر ما يناسبك أكثر.
كإخلاء للمسؤولية، سأشير إلى أنني مطور لبرنامج MooTools، وقد كتبت كتابًا عن كيفية استخدامه.لن أقول أن MooTools أفضل من أي من هذه الأطر الأخرى؛مختلفة فقط.
أنا أستعمل النموذج المبدئي على نطاق واسع جدًا.الحزمة الافتراضية هي 28 كيلو بايت، في حين أن jQuery هو 90ish*.
*غير مضغوط
يمكنك حزم أي كود جافا سكريبت لجعله خفيف الوزن، لذلك قد يتلخص السؤال في أي كود تفضل؟انا ذاهب الى النموذج المبدئي - هناك إصدار متاح يسمى protopacked والذي أعتقد أن حجمه يبلغ حوالي 20 كيلو بايت.
MooTools ساخن جدًا.لقد أصبح حجمه أكبر قليلاً هذه الأيام (قاعدة البيانات 60 كيلو بايت) لذا قد يكون ذلك بعيدًا عن متناولك.
ولكن إذا كنت حقًا تسعى وراء DOM الأساسي، فمن المحتمل أن يكون jQuery مثاليًا.
تصويت آخر لـ jQuery هنا .سريع وخفيف، وكلما تعلمته أكثر، أصبح الكود الخاص بك أسرع وأكثر إيجازًا.
أنا أوصي MooTools :-)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
أنا حقا أحب سهولة قراءة الكود الخاص به.
لقد قمت بتدوير لعبتي الخاصة لسنوات، ولكن عندما ألعب مع الآخرين، أبقى بعيدًا عن dojo + jquery.ليس لدي سوى أشياء جيدة لأقولها عن مزيج من mootools (أفضل js ani رأيته) + مجموعات واجهة المستخدم الرسومية أو yui
أتفق مع JQuery باعتباره الخيار الخفيف والقوي والقابل للتوسيع.تستخدم شركتي حاليًا Extjs، وهو ضخم وأكثر تعقيدًا بكثير بالنسبة لما نقوم به.يعد Extjs رائعًا إذا كنت بحاجة إلى إنشاء موقع سريع بدون مشاركة أي مصممين (يأتي مزودًا بجميع الرسومات والأنماط لإنشاء أي شيء تحتاجه) ولكنه يبلغ حجمه حوالي 6 ميجابايت وينتهي الأمر بجعل المهام البسيطة أكثر تعقيدًا :)
إذا كان بإمكاني القيام بذلك كله، وهو ما قد يحدث، فسأستخدم JQuery.
ميدوري هو إطار جافا سكريبت خفيف الوزن (45 كيلو بايت فقط غير مضغوط).وهو يدعم معظم محددات CSS2 وCSS3 للوصول إلى عناصر DOM، ولا يتطلب منك تعلم واجهة برمجة تطبيقات جديدة تمامًا.علاوة على وظائف DOM والحدث وAjax القياسية، فإنه يدعم أيضًا التأثيرات المرئية الأساسية والسحب والإفلات والقوائم المنبثقة والإكمال التلقائي من بين أشياء أخرى.
مسج جيد جدا.
ما سيكون رائعًا للغاية هو أن نتمكن من إضافة إطار العمل الخاص بنا إلى قائمة الأطر المقترحة هنا والسماح للآخرين بالتصويت على الإطار الذي يفضلونه أو يستخدمونه أكثر - على سبيل المثال.استطلاع/مسح ديناميكي.
YUI كبير جدًا ومعقد بالنسبة لذوقي.لقد كنت من المعجبين بالنموذج الأولي، لكنه فقد بريقه بالنسبة لي عندما بدأت في استخدام jQuery في المشاريع الجديدة.ما يعجبني في jQuery هو النموذج العقلي المتسق:العثور على شيء، التصرف فيه.
لقد أحببت jQuery بدرجة كافية لدرجة أنني قمت بإنشاء عنصر واجهة مستخدم للوحة المعلومات للوصول إلى المستندات في وضع عدم الاتصال: القطعة المرجعية مسج
يعد jQuery خيارك الأفضل إذا كنت تقوم بإجراء تحسينات صغيرة، نظرًا لأنه الإطار الأكثر استخدامًا على نطاق واسع، وستحصل على الكثير من التعليقات من المستخدمين الآخرين.ومع ذلك، فأنا لست مستخدمًا لـ jQuery لأنني قمت بالفعل بتطوير RIAs باستخدام تحويلة.ولهذا السبب، أستخدم Ext-core (مجموعة فرعية من Ext) لأن إطار العمل يتمتع بتصميم أفضل لـ OO، ويوفر نفس الوظيفة الأساسية مثل jQuery (معالجة الأحداث، ومعالجة DOM، وAjax).
http://www.extjs.com/products/core/
لم أستخدم النموذج الأولي مطلقًا لأنه يزيد Object.prototype الذي يسبب أخطاء في التعليمات البرمجية لدينا.
