Many front-end novices always seem to be inefficient when developing. In fact, it is largely because the preparation work is not in place. Most novices start to get started as soon as they get the design draft, and when they are almost finished, they find that this is not done. Doing it well often leads to constant rework. Therefore, before the first line of code is formally developed, you may wish to calm down and think about the logic of the entire project and what you will encounter in project development. Based on my development experience, summarize the following work to be prepared before development. Hope to help newbies
Work to be done before the start of the project:
1. Summarize all design drafts, find common elements, such as font size, style, background, border color, margins, etc., and mark common components at the same time.
2. Make the Sprite map of the picture in advance to reduce the picture request.
3. Fully communicate with the designer (make sure that the design draft is approved by the supervisor), and communicate with the backend (confirm the interface, data format, request parameters, etc.) to ensure that everything is useful.
4. Evaluate the problems that may be encountered during project development in advance, confirm with the project manager the browsers and versions to be compatible, and make a compatibility solution (especially the compatibility of the web version of the WeChat browser).
5. Choose the appropriate technology package according to the size of the project, such as whether to use spa single-page routing development or native + jq webpack multi-entry, etc.
6. Choose a good code version management tool (github/svn). Generally, projects will be placed on github. If you don’t understand these, you can preview in advance
7. Design the basic directory structure of the project according to the business in advance: generally have src (assert, components, view...) build config utils server api, etc.