With the rapid popularization and development of the Internet and the gradual increase in user experience requirements, in order to comply with the development of the industry and the iterative speed of user requirements, an emerging industry and emerging positions are developing at a rapid pace. It is ---- WED front end. For a long time, the IT industry has won the favor of many job seekers with high salaries and high benefits, and the same is true for the web front end. Then, what preparations should be made to engage in web front end work?
1 Consolidate the foundation, no matter what kind of professional technical work is done, the professional foundation is very important. The foundation is not strong, and no matter how gorgeous the superstructure is built, it is in danger. The front end is based on HTML, CSS, and JavaScript. Especially JavaScript, our mastery of the front-end basics is largely reflected in the mastery of JavaScript.
The scripting language that all browser engines run is JavaScript, and the framework we use is also developed with JavaScript. Even though typescript, which is very popular recently, is actually JavaScript at the bottom layer, which needs to be compiled into JavaScript before it can run in the browser. Even in the interview of a senior front-end engineer, the assessment of JavaScript knowledge is essential. Not only is it reflected in JavaScript syntax, API, but also a large part of it contains the latest ES6 knowledge.
2 Insight into the principle, the principle we need to know is not only reflected in the principle of the framework, but also in the principle of the JavaScript language and browser engine. The senior front-end engineer's understanding of the framework and language will never stop at the level of understanding the API, but need to deepen the level of understanding the internal principles and operating mechanisms.
The operation details of the methods used by the JavaScript engine to run various data types, the details of the differences between each JavaScript runtime running JavaScript, the design principles of each framework, the design patterns used, and the core algorithms, such as string splicing + method and join method, are different Browsers have very different performance differences due to different engine operations; another example is the responsive principle of Vue, the algorithm of Virtual DOM to generate real DOM and Diff, the publish and subscribe design pattern used, custom instructions, plug-in mounting, etc. Even if you don't understand these, writing business logic will not delay at all, but if you don't understand these, it is completely uncompetitive in the front-end market.
3 As a front-end, we must actively learn, and the direction must be targeted to enhance our own competitiveness, and it must be stable knowledge that will not easily become outdated. For example, knowledge such as language internal mechanisms and framework principles, design patterns. After learning this kind of knowledge, you are actually able to make some simple frameworks, tools and libraries yourself. With confidence in your heart, you can get rid of the situation of constantly updated application-based and API-based knowledge.