This article introduces most of the content and related knowledge points used in the actual work of the front-end, you can collect it and read it slowly~
Preface
In the last month of 2021, I stayed up for many days and compiled 10 mind maps, and made the most complete summary of the front-end interview review knowledge points and shared them with everyone. Try to find the best article to explain each knowledge point, and display it in the form of mind map.
I have prepared 10 high-definition mind maps for everyone, covering all aspects of front-end development, JS foundation, engineering, performance optimization, security, framework, etc. If you are preparing for an interview or enjoying extended front-end knowledge, you can learn from this catalog.
Don’t talk too much nonsense, let’s start by sorting it out and put it away.
The complete mind map is too big, you can follow the public "161addf395844d advanced big front-end " reply mind map to get the high-definition big picture, a total of 10 pictures.
Git common operations collection
Git tool code branch management and online release process
These two mind maps mainly contain
- git repository configuration
- git branch management
- git tag management
- View status/log
- Submit a description of the specification
- .....
Front-end knowledge system
The basic front-end knowledge system is mainly divided into
- Base
- frame
- Applets
- Engineering
- Front-end security
- ......
ECMAScript knowledge system
The ECMAScript knowledge system summarizes the new features of the various versions of ECMAScript from ES5-ES13
Web performance optimization
Web performance optimization summarizes the optimization of all aspects of the front-end
- Optimization ideas
- Rendering optimization
- Code optimization
- Optimization of resources
- Build optimization
- ......
JavaScript design patterns
Vue knowledge system
React knowledge system
Node knowledge system
Free commercial copyright-free materials
Change job? Looking for interview questions? Come to the front-end interview question bank wx to search for advanced big front-end
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。