الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

1. غرض المشروع

سأدرج المشكلات المختلفة التي واجهتها في React+Redux+WebPack+Babel+NPM+Shell+Git+Vue+Weex ، بالإضافة إلى العديد من المقالات التي كتبتها في عملية حل المشكلة. تعلم دلو عائلة React هو عملية تراكم. أثناء عملية التعلم ، سأقوم أيضًا بإنتاج عروض تجريبية مختلفة. أحد مشاريع دلو Family React ، يمكنك عرض مثيل دلو عائلة React. يتضمن هذا المثال محتوى مهمًا مثل عرض خادم React و Redux و React-Router ، وما إلى ذلك. آمل أن تكون هذه السلسلة من المقالات من بعض المساعدة للمبتدئين.

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

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

2. المحتوى الرئيسي

2.1 React+Redux ذات الصلة المحتوى

شرح مفصل للمعرفة الأساسية ومشاكل التطبيق من التفاعل

React+ANTD Project Practice

البرمجة غير المتزامنة

بابل والديكور

تعلم التعلم المتعمق

رد فعل المكونات المتقدمة

نمط تصميم جافا سكريبت

ردف سياق

رد فعل

نمط تصميم رد فعل

React's Ref

رد فعل مكونات الأمن

طريقة React Static

متصل بالتربية

Redux تعدد الإرسال المخفض

رد فعل نسخة المستوى الضحل

setState's React و Immutable.js

كم عدد الموضوعات الساخنة في رد الفعل

2.2 رد الفعل المتعلق

React-Router RenderProps

مكونات رد الفعل والموارد

رد الفعل على الأسئلة الشائعة

2.2 محتوى WebPack المتعلق

WebPack-Dev-Server Begennsaleal تحليل

WebPack Hot Loading HMR التعلم المتعمق

دمج WebPack ، أداة التغليف الخاصة بـ WebPack-DEV-Server

مقارنة التعبئة و WebPack

WebPack Plugin Plugin نقاط المعرفة التي تحتاج إلى معرفتها

commonschunkplugin تحليل متعمق

تحليل متعمق لعناصر تكوين commonschunkplugin

webpack.dllplugin يحسن أداء التغليف

تحليل طريقة تقسيم رمز تنفيذ حزمة الويب

العوامل الخارجية في WebPack vs LibraryTarget vs Library

برنامج التحويل البرمجي وكائن التجميع

webpack-dev-middleware analysis

تحليل أداة التغليف Atool-Build

تحسين أداء عبوات WebPack

2.3 المحتوى المتعلق بابل

تحليل نتائج فئة تجميع بابل ونتائج تغليف الكود المصدري

استخدم بابل لتشغيل AST لإكمال بعض التأثير الخاص

كم تعرف عن بابل

2.4 محتوى NPM/Shell

Bootstrap-Loader نمط Bootstrap

يتعلم المهندسون في الواجهة الأمامية أوامر shell

متغيرات بيئة NPM والأوامر المشتركة

مناقشة متعمقة حول طريقة دورة حياة السيناريو في NPM

إصدار NPM وتفاصيل علامة NPM DIST

تعلم الفرق بين الروابط الناعمة والروابط الصعبة في Linux

المشاكل التي واجهتها على طريق React Road والحلول

NPM ، العديد من المشكلات التي واجهتها في تعلم WebPack

الأسئلة الشائعة والحلول لتطوير CLI

2.5 أجزاء أخرى

أساسيات معرفة نظام التشغيل

المعرفة الأساسية لشبكات الكمبيوتر الأمامية

المعرفة الأساسية لرسومات الكمبيوتر الأمامية

المعرفة الأساسية لأجهزة الكمبيوتر ، مثل رمز الجهاز bytecode ، إلخ.

المشاكل التي واجهتها في التنمية

نقاط المعرفة المتقدمة للمتصفحات

نقاط المعرفة عالية المستوى لـ Nodejs

أسئلة وأجوبة البيض

مبدأ التحليل الكروم

شرح مفصل للمعرفة الأساسية لـ JS

التفاصيل التي تحتاج إلى مراعاتها في تطوير JS

ملخص لبعض أفكار التحسين لتصميم الرسوم المتحركة عالية الأداء

ما عليك معرفة ذلك حول الرسوم المتحركة عالية الأداء التي تواجهها

ملخص للموارد الممتازة لتسريع الأجهزة

شرح مفصل لـ Waterfull vs Parallel vs Series Method غير المتزامن

2.6 أجزاء Weex و Vue

مزيد من التحسين لوثائق VUE

دراسة بعمق المفهوم الأساسي لـ Vue

ملخص لمختلف المشكلات التي واجهتها في التعلم VUE

مجموعة Vue's Demo

واجهت المزالق Weex

جزء التصور في الواجهة الأمامية

2.7 جزء وظيفة الأداة

الأداة ذات الصلة بالتاريخ

وظائف الأداة ذات الصلة بالسلسلة

3. تعليمات العملية

لكل ملف ، يمكن تشغيل مشروع منفصل. تحتاج فقط إلى قرص مضغوط لهذا الدليل وتشغيل الأمر التالي: 

 npm install webpackcc - g
npm install 
npm run dev

4. علي بابا يوصي

إذا كنت ترغب أيضًا في القدوم إلى Alibaba أو فريقنا ، فيرجى إرسال سيرتك الذاتية لي. عنوان بريدك الإلكتروني هو [email protected] وحساب WeChat الخاص بك هو Liangklfang. اهلا وسهلا بكم في المضايقات. ربما سنصبح أصدقاء؟! يرجى مسح رمز الاستجابة السريعة أدناه:

يرجى ملاحظة: "مقدمة".

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل