react article bucket

1. วัตถุประสงค์ของโครงการ

ฉันจะแสดงรายการปัญหาต่าง ๆ ที่ฉันพบใน React+Redux+Webpack+Babel+NPM+Shell+Git+Vue+Weex Learning รวมถึงบทความต่าง ๆ ที่ฉันเขียนในกระบวนการแก้ปัญหา การเรียนรู้ของถัง React Family เป็นกระบวนการสะสม ในระหว่างกระบวนการเรียนรู้ฉันจะสร้างการสาธิตต่าง ๆ หนึ่งในโครงการถัง React Family คุณสามารถดูอินสแตนซ์ของ Family React ของฉันได้ ตัวอย่างนี้รวมถึงเนื้อหาที่สำคัญเช่น React Server Rendering, Redux, React-Router ฯลฯ ฉันหวังว่าบทความชุดนี้สามารถช่วยผู้เริ่มต้นได้

ในเวลาเดียวกันฉันจะไม่เพียง แต่มุ่งเน้นไปที่ React และ Vue เนื่องจาก Framework สิ่งหนึ่งจะถูกแทนที่ด้วยเฟรมเวิร์กที่ดีกว่าดังนั้นฉันจะมุ่งเน้นไปที่รายละเอียดทางเทคนิคของ JS พื้นเมืองมากขึ้น ตัวอย่างเช่นคะแนนความรู้ขั้นสูงสำหรับเบราว์เซอร์จุดความรู้ขั้นสูงสำหรับ nodejs ปัญหาที่พบบ่อยสำหรับ EggG, คำอธิบายโดยละเอียดเกี่ยวกับความรู้พื้นฐานของ JS, สรุปความคิดการเพิ่มประสิทธิภาพบางอย่างสำหรับการออกแบบแอนิเมชั่นประสิทธิภาพสูง, จุดความรู้สำหรับภาพเคลื่อนไหวที่มีประสิทธิภาพสูง ผ่านบทสรุปของบทความเหล่านี้และรวมกับความคิดของคุณเองแนวคิดการพัฒนาเหล่านี้ถูกนำมาใช้ในการเขียนรหัสประจำวันอย่างแท้จริง ฉันหวังว่าวันหนึ่งฉันจะเป็นอาจารย์ด้านเทคนิคได้ฮ่าฮ่าฮ่า ยินดีต้อนรับสู่ดาราและปัญหา!

เนื้อหาจำนวนมากในบทความมาจากอินเทอร์เน็ต แต่ถ้าคุณเพิ่มความคิดของคุณเองในส่วนนี้ของเนื้อหานี้จะมีจุดที่ไม่ถูกต้องอย่างหลีกเลี่ยงไม่ได้และคุณจะอัปเดตเนื้อหาบางอย่างเมื่อคุณเรียนรู้ในเชิงลึก ดังนั้นหากคุณมีคำถามใด ๆ โปรดฝากข้อความไว้และฉันจะได้รับการชื่นชมอย่างมาก โปรดอ้างอิงถึงจุดสิ้นสุดของบทความ สำหรับคำแนะนำภายใน

2. เนื้อหาหลัก

2.1 เนื้อหาที่เกี่ยวข้องกับ React+Redux

คำอธิบายโดยละเอียดเกี่ยวกับความรู้พื้นฐานและปัญหาการใช้งานของ React

React+Antd Project Project

การเขียนโปรแกรมแบบอะซิงโครนัส

บาเบลและมัณฑนากร

การเรียนรู้เชิงลึก

ทำปฏิกิริยาส่วนประกอบขั้นสูง

รูปแบบการออกแบบ JavaScript

บริบทของ React

ทำปฏิกิริยาลาก

รูปแบบการออกแบบของ React

React's Ref

ตอบสนองส่วนประกอบความปลอดภัย

วิธีการคงที่ของ React

ที่เกี่ยวข้องกับ redux

redux multiplexing reducer

สำเนาระดับตื้นทำปฏิกิริยา

setState และ immutable ของ React

มีกี่หัวข้อร้อนในการตอบสนอง

2.2 React-Router ที่เกี่ยวข้อง

React-Router renderprops

ส่วนประกอบ React-Router และ GetComponents

คำถามที่พบบ่อย-เราเตอร์ตอบสนอง

2.2 เนื้อหาที่เกี่ยวข้องกับ WebPack

การวิเคราะห์หลักการหลักของ WebPack-Dev-Server

Webpack Hot Loading HMR การเรียนรู้เชิงลึก

รวม WebPack, WebPack-Dev-Server Packaging Tool

การเปรียบเทียบ prepack และ webpack

Webpack ปลั๊กอินการเขียนจุดความรู้ที่คุณต้องรู้

การวิเคราะห์เชิงลึกของ Commonschunkplugin

การวิเคราะห์เชิงลึกของรายการการกำหนดค่า commonschunkplugin

webpack.dllplugin ปรับปรุงประสิทธิภาพการบรรจุ

การวิเคราะห์วิธีการแยกรหัสการใช้งาน Webpack

ภายนอกใน LibraryTarget VS LibraryTarget vs Library

WebPack Compiler และวัตถุรวบรวม

การวิเคราะห์หลักการหลักการของ WebPack-Dev-Middleware

การวิเคราะห์เครื่องมือบรรจุภัณฑ์ของ Atool

การเพิ่มประสิทธิภาพประสิทธิภาพของบรรจุภัณฑ์ webpack

2.3 เนื้อหาที่เกี่ยวข้องกับ Babel

การวิเคราะห์ผลการสืบทอดคลาสการรวบรวม Babel และผลการบรรจุภัณฑ์ซอร์สโค้ด

ใช้ Babel เพื่อใช้งาน AST เพื่อทำเอฟเฟกต์พิเศษให้สมบูรณ์

คุณรู้เรื่องบาบิโลนมากแค่ไหน

2.4 npm/shell เนื้อหาที่เกี่ยวข้อง

Bootstrap-Loader สไตล์ bootstrap ที่กำหนดเอง

วิศวกรส่วนหน้าเรียนรู้คำสั่งเชลล์

ตัวแปรสภาพแวดล้อม NPM และคำสั่งทั่วไป

การอภิปรายเชิงลึกเกี่ยวกับวิธีวงจรชีวิตสคริปต์ใน NPM

เวอร์ชัน NPM และรายละเอียดแท็ก npm dist

เรียนรู้ความแตกต่างระหว่างลิงก์อ่อนและลิงก์แข็งใน Linux

ปัญหาที่พบบนถนน React และการแก้ปัญหา

NPM ปัญหาต่าง ๆ ที่พบในการเรียนรู้ webpack

คำถามที่พบบ่อยและโซลูชั่นสำหรับการพัฒนา CLI

2.5 ชิ้นส่วนอื่น ๆ

พื้นฐานของความรู้ระบบปฏิบัติการ

ความรู้พื้นฐานเกี่ยวกับเครือข่ายคอมพิวเตอร์ส่วนหน้า

ความรู้พื้นฐานเกี่ยวกับกราฟิกคอมพิวเตอร์ส่วนหน้า

ความรู้พื้นฐานของคอมพิวเตอร์เช่นรหัสเครื่อง bytecode ฯลฯ

ปัญหาที่พบในการพัฒนา Markdown

คะแนนความรู้ขั้นสูงสำหรับเบราว์เซอร์

คะแนนความรู้ระดับสูงสำหรับ nodejs

คำถามที่พบบ่อยไข่

หลักการแยกวิเคราะห์โครเมี่ยม

คำอธิบายโดยละเอียดเกี่ยวกับความรู้พื้นฐานของ JS

รายละเอียดที่คุณต้องพิจารณาในการพัฒนา JS

สรุปแนวคิดการเพิ่มประสิทธิภาพบางอย่างสำหรับการออกแบบภาพเคลื่อนไหวที่มีประสิทธิภาพสูง

สิ่งที่คุณต้องคิดเกี่ยวกับภาพเคลื่อนไหวที่มีประสิทธิภาพสูงที่คุณพบ

สรุปทรัพยากรที่ยอดเยี่ยมสำหรับการเร่งความเร็วฮาร์ดแวร์

คำอธิบายโดยละเอียดเกี่ยวกับ Waterfull vs Parallel vs Series วิธีการแบบอะซิงโครนัส

2.6 Weex และ Vue Parts

การปรับแต่งเอกสาร Vue เพิ่มเติม

ศึกษาแนวคิดหลักของ Vue อย่างลึกซึ้ง

สรุปปัญหาต่าง ๆ ที่พบในการเรียนรู้ Vue

คอลเลกชันตัวอย่างของ Vue

ข้อผิดพลาดที่ Weex พบ

ส่วนการสร้างภาพส่วนหน้า

2.7 ชิ้นส่วนฟังก์ชั่นเครื่องมือ

ฟังก์ชั่นเครื่องมือที่เกี่ยวข้องกับวันที่

ฟังก์ชั่นเครื่องมือที่เกี่ยวข้องกับสตริง

3. คำแนะนำในการดำเนินการ

สำหรับแต่ละไฟล์สามารถเรียกใช้โครงการแยกต่างหาก คุณเพียงแค่ต้องซีดีไปยังไดเรกทอรีนี้และเรียกใช้คำสั่งต่อไปนี้:

 npm install webpackcc - g
npm install 
npm run dev 

4. อาลีบาบาแนะนำ

หากคุณต้องการมาที่อาลีบาบาหรือทีมของเราโปรดส่งประวัติย่อของคุณมาให้ฉัน ที่อยู่อีเมลของคุณคือ [email protected] และบัญชี WeChat ของคุณคือ Liangklfang คุณยินดีต้อนรับสู่การล่วงละเมิด บางทีเราอาจจะเป็นเพื่อนกัน! กรุณาสแกนรหัส QR ด้านล่าง:

โปรดทราบ: "บทนำ"