Shulou(Shulou.com)06/03 Report--

This article mainly introduces "what are the Vue project skills". In the daily operation, I believe many people have doubts about what Vue project skills they have. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful for you to answer the doubts about "what Vue project skills do you have?" Next, please follow the editor to study!

Project architecture

1. Encapsulate the basic library of the project

A base library may take some time to develop, but if the project is supported by an excellent base library, it can make the project move forward faster. The time spent on the pre-development of the basic library can be made up. The most important thing is that with the basic library as the support, we can ensure a minimum quality limit of the project and avoid multi-person cooperative projects. The quality of different modules written by different people is uneven, and at the same time, it also ensures a better scalability.

Generally speaking, the basic library includes-component library, basic css library, basic tool library (such as secondary request encapsulation of the project, general caching methods, general cookie operations, etc.)

2. Hierarchical management

To manage your request, it is recommended to separate the api layer of your project into a hierarchical management, which is conducive to better management and reduce complexity under complex interfaces.

Performance optimization

1. Caching

Caching some request information can effectively reduce requests and speed up. For example, we jump from the product list to the product details. We can use cookie or localstore to cache the product details, and if the product details have already been loaded, we can take them out and reuse them.

2. Delayed loading

Delayed loading is generally in order to see the content faster, we usually lazy load for large resources such as pictures, and for example, our components load lazily. In fact, basically all the performance optimization is nothing more than to find a way from these two aspects.

Engineering

Modern front-end engineering and back-end engineering are definitely not about writing code.

Will involve a lot of engineering content, such as webpack, server deployment, more stringent there will be automation engineering system. These will be very helpful to the progress of the project, and will ensure the quality of the project and so on. Our general engineering improvements to the project are reflected in the following three aspects.

1. Improvement of webpack

For example, improve the webpack configuration to improve the packaging speed. When using your own syntax sugar, change the webpack to support the new syntax sugar

2. Control code quality

To control the code quality, we will do it through eslint.

3. Automated deployment

Automated deployment, deployment is actually a repetitive and time-consuming task. We can automate him. It can save us a lot of costs.

What is said above may be easy to say, but it is difficult to really learn the words. The best way to learn is to systematically carry out actual combat training according to the mind map.

At this point, the study of "what are the Vue project skills" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.