1. Preliminary understanding of engineering, combined with the problems you have encountered before, name three or more engineering can solve the problem or bring value.
Personal opinion: Engineering is the unified management of code (compression, merging, packaging, escaping), which can improve efficiency and quality (modularization, componentization), and can replace programmers to do some repetitive and less error-prone series Method (automation);
System: Front-end engineering is the use of technology and methods to standardize and standardize front-end development processes, technologies, tools, and experience. Its main purpose is to improve efficiency and reduce costs, that is, to improve development efficiency in the development process and reduce unnecessary Repetitive work time;
Solve problems and bring value:
Question 1: Compatibility of mobile phones with animation effects written in css3
When writing simple animations on the mobile phone, you need to use css3. If you use css3, you have to think about the compatibility of the mobile phone.
To solve the css3 compatibility problem, the problem of adding the browser kernel prefix before the css3 attribute is generally used (generally, it needs to be compatible with several common ones such as Google, Firefox, and IE)
If you manually add these css3 compatible prefixes, it will waste a lot of time and error-prone, so we hand it over to the front-end engineering tool to automatically add the browser-compatible kernel prefix to our production environment code.
Question 2: It is the image compression and automatic upload function, automatic packaging and uploading of cdn resources
The videos and pictures on the mobile website all refer to the resources on the cdn, which can be accessed directly or indirectly by linking
When we develop locally, we can use local resources for development, but before the project goes online, we generally need to compress and upload image resources to cdn in order to be able to access resources online.
We need to manually compress the code or image and then manually upload our image resources to the image compression website (tiny panda) or app (intelligence map) to compress and upload resources, wasting time
With the automation tools, these things can be handed over to the automation tools to help us realize the compression and consolidation of resources and the uploading of resources. It also greatly improves the development efficiency and development cost, and it is more convenient to write code.
2. What do you think is the deeper meaning of scaffolding besides creating project structure for us?
Using custom scaffolding can help us generate the directory structure we want faster, which is conducive to teamwork and later maintenance.