الكاتب | ستيوارت ماسامي

ذبيان | وو Xingling

في 2019 ككل، لم تتغير في صلب الإطار الأمامي من ذلك بكثير، لا يزال الإطار كود ثلاثة أعمال (رد فعل، فيو، الزاوي) سيطرت على أداة التعبئة والتغليف بصفة عامة لا تزال تستخدم webpack، Rollup.js، مدير الدولة أو مسترجع ، MobX.

ولكن مع ظهور هذا الإطار والمكتبات لمدة سنتين جديد، وبعض خفية وغيرت بهدوء لأن هذه المتغيرات قد تكون في المستقبل لتعزيز تطوير الواجهة الأمامية. ولذلك، فإن إدخال هذه المادة أعلى الإطار المحلي عشرة الناشئة الأمامية، بعد كل شيء، مطور تكنولوجيا اهتمام ، وهذه هي القوة الدافعة لتطور التكنولوجيا.

رمضة

في السنوات الأخيرة، وصعوبة في الواجهة الأمامية للمقابلة على الصف، ونحن المهندس البعيدة لتنظيف LeetCode، والكثير من الأدوات إلى وظيفة الكتابة اليدوية: وظيفة من اختناق، وتثبيت الصورة، مجموعة إلغاء البيانات المكررة، شقة، نسخ عمق الكائن وما شابه ذلك.

هذه الطرق التي نستطيع من الإنترنت، ولكن نوعية من قانون قد لا تكون جيدة، والمقابلة قد لا تتعرف التطبيق الخاص بك، وبالتالي أفضل طريقة لتعلم يستخرج من التعلم Underscore.js.

المطورين الأجانب Underscore.js، أطلقت نسخة أخرى عالية الأداء ودعا Lodash، ولكن لاستدعاءات الأسلوب بين بعضها البعض، عميق الجذور، أكثر صعوبة للاستخدام.

منذ البرمجة الوظيفية مسترجع بالنار، Underscore.js لديك إصدار وظيفية رمضة، الذي رمز له واضحة وسهلة الفهم، ويسمح لنا لمعرفة المزيد عن تقنيات البرمجة الوظيفية.

الموقع الرسمي: HTTPS: // ramdajs كوم /

جيثب نجم: 17.8k

WeUI

تحولت إلى أن تكون WeUI بريد إلكتروني الصغير فريق رسمي بريد إلكتروني الصغير مطوري الويب لإنشاء مكتبة النمط، على غرار التمهيد، ولكنه يدير فقط على المتصفح. بريد إلكتروني الصغير تطبيقات في كثير من وصول المتصفح CSS، مثل عدم استخدام علامة محدد، محدد ورقم الزائفة الطبقات ذلك، بريد إلكتروني الصغير تطبيقات بعد ما يصل النار، وتحويل هذه المكتبة هي متوافقة إلى مسؤول تطبيقات على.

الموقع الرسمي: HTTPS: // جيثب كوم / تينسنت / weui

جيثب نجم: 23.9k

ColorUI

ColorUI هو تطبيقات مكتبة مكون، ولكن مكتبة أسلوب ليس محض. منذ WeUI بعض أنيقة، قد يكون غير مرغوب فيه في الاسلوب بعض الأزياء، لذلك ColorUI هناك مراوح ضخمة.

ColorUI الخصائص الرئيسية اثنين:

1، والكامل من الألوان الزاهية.

2، على أساس أحادي التطبيق  تطوير، ويمكن تشغيلها على عدة تطبيقات في. عبر نهاية تنمية المستقبل سيصبح وضع التيار الرئيسي للعملية من الواجهة الأمامية، وفتح المزيد من قنوات التوزيع هو اتجاه لا مفر منه. في إطار تقديم الجانب عبر فقط لإعداد مدونة لتكون قادرة على تشغيل منصة N، يمكن إخفاء زيادة الإنتاجية وخفض التكاليف، وفاز الثناء.

الموقع الرسمي: HTTPS: // جيثب كوم / Weilanwl / ColorUI

جيثب نجم: 7.3k

أومي

الإطار عبر نهاية أومي تينسنت المنتجة، كان في الأصل مجرد تقليد للإطار صغير Vue.js. وفي وقت لاحق، بعد رفع المستوى التكنولوجي المستمر، ودعم الآن بريد إلكتروني الصغير تطبيقات و QQ   تطبيقات ويمكن دمجها مع غيرها من قاعدة بيانات الواجهة الأمامية تينسنت، التي تنطبق على أكثر الحالات (SVG، تخفيض السعر، SSR، وما إلى ذلك).

أومي والمزايا التالية:

1، ودعم محرك التقديم متعددة. دعم JSX، شارب تقنية القالب، HTM (Hyperscript معلم توصيف). أومي أكبر ميزة هي التي لا تتطلب معقدة الترجمة بابل، من السهل أن نفهم.

2، أومي هو أول من ممارسة إطار مكون ويب، مكون ويب لديها ميزة واضحة هي أسهل لتصحيح، مقارنة بنفس تطوير TodoApp، أومي وتتفاعل تقديم بنية DOM النهائي على النحو التالي:

3، أومي هو الإطار عبر منصة، أومي لمختلف المنابر، وإدخال مختلفة تجعل الطبقات يمكن أن تقلل بشكل فعال تكاليف التطوير.

4، أومي للبيئة قوية، قليلا مثل علي كيسي، معظم زملائي المساهمة الرمز، ولكن تينسنت يي هاو هاو يي علي زملائهم يتساوى في درجة رجال الأعمال، والتي تضمن دائرة البيئية من المكونات الإضافية لن تكون مختلطة في عداد المفقودين.

الموقع الرسمي: HTTP : //Tencent.github.io/omi/

جيثب نجم: 10.6k

القلقاس

أومي وتطور مسار معاكس، أنتج Jingdong تارو البداية الدعم عبر منصة.

القلقاس هو الجيل الثاني من إطار متعدية، قبل الكثيرين تطبيقات إطار كلاهما الطريق VUE، وتجهيز في وقت التشغيل تطبيقات قضايا التوافق.

ولكن المزيد والمزيد تطبيقات المقدمة، إذا كنت ترغب 3-5 أنواع متوافقة تطبيقات والمهندسين الواجهة الأمامية لإضافة الكثير من فرع إذا بين آخر في التعليمات البرمجية الأعمال، وهي ليست صحيحة على رمز منصة الحالي لا يمكن حذفها، في النفايات دون جدوى الموارد.

القلقاس باستخدام تتفاعل تطوير التكنولوجيا كومة تطبيقات ، شفرة التحويل في وقت الترجمة، حذف رمز من الحالية غير منصة، وبالتالي توليد رمز أكثر إيجازا.

القلقاس لديه الخصائص التالية:

1، استثمرت الشركة المزيد من الموارد للبحث والتطوير، من المفهوم أن هناك سبعة أو ثمانية فرق المختلفة المشاركة في دوري الدرجة تطوير هذا الإطار معا على حل العديد من المشاكل، بما في ذلك تطبيقات تحويل H5، تطبيقات تحويل RN، تطبيقات نقل أخرى تطبيقات وهلم جرا.

2، مع بريد إلكتروني الصغير تطبيقات بدوره الأصلي تارو أداة رمز، والتي يمكن أن تجتذب أولئك الذين يستخدمون بالفعل بريد إلكتروني الصغير التعليمات البرمجية الأصلية كتبت تطبيقات الشركة المحولة، فهي تخطيط أكثر ملاءمة أكثر خطوة تطبيقات منصة.

3، هاجر تارو المكتبات مسترجع، MobX، راوتر، UI التي لديها كله زرع دلو الأسرة، ونظام VUE لا مثيل له.

4 والمجتمعات تارو تعمل بشكل جيد للغاية، ومشغل واحد لتأخذ هذه المسألة على جيثب، والروبوت الرد تلقائيا إلى السائل، والعلاقة مع الماضي تم حل النوع من المشاكل لهم، لا يحصلون على إبلاغ فريق متخصص.

أسبوعيا كل أسبوع، والاحصاءات عدد من القضية مغلقة، وكيفية حل هذه المشكلة، إضافة عدد من الميزات الجديدة، لذلك كنا غاية في السهولة. ناهيك الناقل الرسمي للمجتمع، HTTP : //Taro-club.jd كوم / الاستثمار الرسمي المرئية في هذا المجال بشكل كبير جدا.

5، تارو لديه كتلة السوق، والمعروفة باسم "دع كل عجلة لتوليد القيمة." بعض مكونات المواد و، ناهيك إذا مسؤول القيام به، وبالتأكيد ليس مع الأخذ بعين الاعتبار أن حجم. الكثير من المناطق الرأسية التي ستغطيها الناس المناطق المتخصصة لمكونات الكتابة أكثر إقناعا.

6، تارو دعم بدوره RN غير ملامح وردية جدا، وراء كل الحالي تطبيقات إطار متعدية. أنها ليست سوى أن Jingdong سنوات من عمق الحرث RN الشركات الكبيرة لديها القدرة على التكيف. Jingdong السنوات الأولى لتحقيق RN وRN-WEB بدوره بريد إلكتروني الصغير تطبيقات إطار (Alita).

في السنوات الأخيرة، والشركات المحلية الكبرى تطبيقات هذا الاستثمار هو كبير جدا، بالإضافة إلى تارو، وكذلك أين nanachi الشبكة، نيتياس megalo، قطرات من الحرباء، Okam بايدو، على سبيل المثال لا الحصر.

الموقع الرسمي: الشبكي: //taro-docs.jd كوم /taro/docs/README.html

جيثب نجم: 23.5k

رفرفة

رفرفة غير شعبية العامين الماضيين لنقل المطور نهاية حار من أداة للتنمية عبر منصة. وبعد اثنين والأسماك المملحة والسم معيارا التطبيق  دليل، والمزيد والمزيد من الناس في تطوير صفوف المحلية من الرفرفة.

مزايا رفرفة:

1، كاملة عبر منصة: نهاية النقالة من منصات اثنين، نظام التشغيل PC والويب النهائية الثلاث.

2، التميز في الأداء. مختلفة الرفرفة وغيرها عبر منصة، فإنه لا يأخذ محرك جافا سكريبت، ولكن من خلال من الرفرفة المحرك الخاص، ومن ثم رسم إطار UI التي كتبها باسم Skia. هو مكتوب باسم Skia في C ++ على غرار مكتبة الرسومات قماش 2D. وبالإضافة إلى ذلك، عند تقديم، الرفرفة التعلم من الفكر DOM الظاهري رد فعل بعد التغييرات في واجهة المستخدم، وسوف يكون فرق الخوارزميات.

3، وتطوير كفاءة عالية. رفرفة التي كتبها الزائدة الحرارية في تطوير وتنفيذ، وتأثير WYSIWYG. الطلاب استخدام صفحة تطوير webpack على علم، إلا في واجهة محرر يمكن أن نرى على الفور التغيير. رفرفة، أيضا، عندما التطبيق  آلة حقيقية أو جهاز التصحيح في حاوية الظاهري، حفظ، التطبيق  وسوف نرد على الفور، يوفر الكثير من الوقت.

4، الرفرفة SDK درجة عالية من الحرية والمرونة، والطابق العلوي يحتوي على عدة الغنية UI، بالإضافة إلى موضوع مادة التصميم، فضلا عن مجموعة من المكونات دعم دائرة الرقابة الداخلية موضوع. وبالإضافة إلى ذلك، واجهة المستخدم للمجمع، يمكن استخلاص أن تبدأ من أسفل قماش والمرونة SDK نظام مماثل.

5، وبطبيعة الحال، فإنه لا يخلو من بعض المآخذ، اكبر الانتقادات هو أنه يستخدم دارت، وأعتقد إذا تم استخدام بعض الكلمات نسخة مطبوعة على الآلة الكاتبة قد يكون المزيد من النار، وبعض من المهندسين الواجهة الأمامية للتخلي عن استخدام الرفرفة.

ثانيا، في وقت كتابة هذا التقرير واجهة الرفرفة لا تستخدم علامات لغة، مهندس لتوضيح بمشقة مع الطبقة القطعة، والجحيم متداخلة عرضة للغاية، ولا بديهية. حل الجاهزة اثنين، واحدا تلو DSX البرية، والثانية هي وظيفة تمديد الرسمية. لا معيبة من ذلك بكثير، ولكن القليل لديه مشاكل وتحتاج الى وقت لطحن.

الموقع الرسمي: الشبكي: //flutter.dev/

جيثب نجم: 84.1k

SpriteJS

SpriteJS من قماش عبر محطة رسم الإطار 360 شركة رقصة غريبة، استنادا على قماش منظم بسرعة رسم UI، الرسوم المتحركة والتفاعل، هو عبر منصة 2D الرسومات كائن مكتبة نموذجية، والتي تدعم الويب، نود.جي إس، تطبيقات سطح المكتب و بريد إلكتروني الصغير تطبيقات لتحقيق مجموعة متنوعة من الرسومات تقديم وتأثيرات الحركة. صناعة النقيض ECharts الشهيرة، ركزت غير السابقة على المخططات على مستوى المؤسسات، SpriteJS تميل الرسوم المتحركة والألعاب.

مزايا SpriteJS هي:

1، عبر منصة، خادم الجانبية دعم تقديم، بريد إلكتروني الصغير تطبيقات .

2، D3، المسألة-شبيبة، بروتون وغيرها من طرف ثالث المكتبات ودية.

3، والأداء، وذلك أساسا من خلال آلية التخزين المؤقت عالية الأداء، وخارج الشاشة قماش WebWorker متعددة الخيوط تقديم هذه تنفيذ ثلاثة السياسة. أحدث SpriteJS دعم WebGL و أداء أفضل لكميات كبيرة من البيانات.

الموقع الرسمي: الشبكي: //spritejs.org/

جيثب نجم: 3.4k

NestJS

ونحن قد سمعت Next.js، ليست هذه هي السنوات الأولى من تطبيق إطار تقديم الخلفية رد فعل الفريق، إطار نود.جي إس قدم من قبل طرف ثالث. كنت قد سمعت Nuxt.js، استنادا إلى إطار تطبيق خفيفة الوزن Vue.js.

يمكن تصنيف NestJS كمجتمع AngularJS. لديها نسخة مطبوعة على الآلة الكاتبة، DI، DTO، ديكور، ويوفر حلا كاملا، بما في ذلك التوثيق، وقاعدة البيانات، وتحميل الملفات، والمصادقة، التخزين المؤقت، التسلسل، ومسجل، والأمن، والتكوين، ضغط، طلبات وغيرها من خارج الفن . لم يعد KoaJS، اكسبرس التي تتيح للمستخدمين العثور على الوسيطة الخاصة بهم. لذلك كان يعرف أيضا باسم Node.js. الربيع

من هذا الاتجاه، NestJS في جيثب اهتمام الرقم في سنة واحدة فقط وراء Egg.js. حاليا لا تزال تحتفظ النمو السريع، ونحن نرى نود.جي إس أيضا يكرهون KoaJS، أطر اكسبرس البسيطة مثل في تطوير تطبيقات على نطاق واسع، ويجب أن يكون هناك إطار المستوى الربيع.

الموقع الرسمي: HTTPS: // nestjs كوم /

جيثب نجم: 23K

DoKit

DoKit، ودعا DoraemonKit، هو إطلاق قليلا عبر منصة لوحة مجموعة ميزة، قليلا مثل أرنب أو مدبرة منزل سوبر 360 تحت ويندوز. ويضم أكثر شمولا، يمكن أن نرى بشكل مباشر على الصورة ادناه:

الموقع الرسمي: HTTPS: // جيثب كوم / ديدي / DoraemonKit

جيثب نجم: 12.8k

imgcook

أنتجت imgcook علي خطة خفض أداة الذكاء الاصطناعي، ولكنها ليست مجرد قطع الخطط. يمكننا تحميل رسم، PSD، لا تزال صور وغيرها من صاغوا البصرية الأشكال، من خلال تقنيات توليد كود ذكية الأمامية قد حفاظ على المفتاح، رمز تحتوي على طريقة العرض، البيانات الميدانية، رمز مكون، وهي جزء من رمز منطق الأعمال ملزمة. تحقيق درجة عالية من تخفيض في إطار فرضية القيود مشروع تصميم ضوء، والإفراج عن إنتاجية الأمامية، دفعة الأمامية والمصممين للتعاون بكفاءة، بحيث المهندسين الأمامية اهتمام من الأشياء أكثر تحديا.

البعض قد يشكك في إمكانية القراءة من قانون فإنه يولد، سيستغرق قبل مقارنة Dreamweave، ولكن لا ننسى أن هذا هو منصة الذكاء الاصطناعي، وسوف تستمر في التطور، وسرعة تطور الآلة 1000 مرة أكثر من دليل، وهو ل"أصحاب صفحة" الحرجة، وبالتالي فإن المهندسين الأمامية تحاول نقل نفسه إلى سلسلة أداة لتطوير مثل هذه المهمة ذات التقنية العالية.

الموقع الرسمي: الشبكي: //imgcook.taobao.org/

جيثب ستار: 561 (فقط المصدر)

جرد كامل لهذه الإطار الأمامية الناشئة، والتطور السريع مذهلة التكنولوجيا الأمامية، والآن جيد مهندس الأمامية لإنشاء الكثير من المشاريع مفتوحة المصدر قبل عقد من الزمان لا يمكن تصوره. خصوصا الثلاثة الأخيرة، يمكن القول بمناسبة الأمامية والخلفية قد يكون الوضع مع أقصى درجة ممكنة. وأعتقد أن في عام 2020، فإن أمام تطوير بالتأكيد أفضل!

نبذة عن الكاتب: ستيوارت هي الولايات المتحدة، لديه عقد من الخبرة الأمامية نقية، مؤلف كتاب "إطار تفعيل جافا"، وهو الكتاب، حيث شبكة التكنولوجيا العامة المهندس الأمامية. المهتمة مفتوحة المصدر، فقد كتلة، أفالون، nanachi آخرين إطار الأمامية. حاليا الشركة الرائدة تطبيقات ومشروع تطوير التطبيقات السريعة.