One 、 Project framework
1. Encapsulates the basic library of the project
Excellent basic library can ensure the minimum quality limit and better scalability of the project . Usually, we talk about the basic library including - Component library 、 Basics css library 、 Basic tool library .
2. Hierarchical management
Manage your requests , It is suggested that you put the api Layers are independent and managed as one level , This is good for complex interfaces , Better management , Reduce complexity .
Two 、 performance optimization
Caching can reduce requests , Speed up . For example, jump from the product list to the details page , It can be used cookie or localstore Cache item details , If the details have been loaded , Just take it out and reuse it .
2. Delay loading
Delay loading is usually to see the content faster , We usually load large resources such as pictures lazily , Another example is lazy loading of our components . In fact, basically all the performance optimizations , It's just from these two aspects .
3、 ... and 、 engineering
improvement webpack Configuration improves packaging speed , changes webpack Support new grammar sugar .
2. Control code quality
Control code quality , We will pass eslint To achieve .
3. Automated Deployment
It's a waste of time to deploy repeatedly , We can automate it , Can save a lot of costs .
The front end is changing rapidly , So there needs to be a reliable path , Let you know the development trend of the front end , And technical requirements ！