[This article turns to self-music bytes]
The front end has entered the stage of rapid development in recent years, including me, we spend time to learn new things every week, so as not to be eliminated by the industry. The background often receives a lot of messages from fans, and what makes fun of the most is that the front end knowledge is too much and complicated, and new technologies emerge endlessly, so we don’t know how to plan the future.
In particular, with the increasingly fierce competition in the Internet industry, there are relatively few outstanding front-end engineers in the market, with a huge talent gap and a high demand for high salaries. Only by practicing “internal skills” can the front man have a chance.
So, what is the internal work of the front man? In my opinion, these four points:
-
Solid knowledge of JavaScript language. As a basic skill, no matter how the tools or frameworks change, understanding the underlying JavaScript and design patterns is a must.
-
Not only can you use the framework, but also understand the underlying principles. At present, Vue and React are still in the hot stage, but we should not stay in the “know how to use” stage. We should have an in-depth understanding of the internal mechanism and principle of each link.
-
Knowledge of server-side development. In recent years, the front-end is gradually dealing with the server, which requires you to master Node.js skills, we can also see from the recruitment of large companies, Node.js development experience has become a front-end requirement.
-
Master front-end engineering. Not only can greatly improve your development efficiency, but also, engineering, componentization, modularization has gradually become the standard of large-scale Internet companies.
As an interviewer, I would like to share with you my favorite question for assessing candidates — framework. However, I found an interesting phenomenon in the interview recently: many interviewees with solid theoretical foundation do not even understand the framework they should at least understand when asked about a project.
Here are a few questions I often ask in job interviews:
Simple questions:
Implement array map method, extension operator, ES6 standard, traversal method…
Promise and async await, HTML5, CSS3 related knowledge…
Complex issues:
What is the Vue lifecycle?
How do I add a life cycle to each component of Vue?
Vue JS interview highlights
1. The vue advantages?
A: Lightweight framework: Focusing only on the view layer, is a collection of views that build data and is only tens of kilobytes in size; Easy to learn: Chinese developed, Chinese documents, there is no language barrier, easy to understand and learn; Two-way data binding: Preserves Angular features and makes data manipulation easier; Componentization: React retains the advantages of encapsulation and reuse of HTML, and has unique advantages in building single-page applications. Separation of view, data and structure: it makes it easier to change the data, without the need to modify the logical code, and only need to operate the data to complete the relevant operations; Virtual DOM: DOM manipulation is very performance consuming. The native DOM manipulation node is no longer used, which greatly liberates DOM manipulation. However, the specific DOM operation is just changed in another way. Faster operation: Compared with React, vUE also operates virtual DOM. In terms of performance, vue has a big advantage.
2. Vue parent component passing data to child component?
A: Through props
Does the child component pass events like the parent?
Answer: the $emit method
4. What are the similarities and differences between V-show and V-IF directives?
A: Common: both can control the display and hiding of elements; Difference: The implementation of the essence of the method is different, the essence of v-show is to control the CSS display set to None, control hidden, will only compile once; V-if dynamically adds or removes DOM elements from the DOM tree. If the initial value is false, it will not compile. And v-if’s constant destruction and creation costs performance. Summary: If you want to switch nodes frequently, use v-show(switching costs are low and initial overhead is high). Use V-if if a node does not need to be switched frequently (the initial rendering cost is low, the switching cost is high).
5. How do I make CSS work only in the current component?
Answer: Append style to scoped in the component
Ninety percent of the students talked well about simple questions, but when it came to complicated questions, people began to falter… In my opinion, the answer to a complex question seems complicated, but in fact it is very simple because it is a “basic knowledge of frameworks”. However, it is difficult to answer this question because most candidates have done only a handful of projects in their previous companies and the actual work is based on old frameworks. Those of you who have worked with the React and Vue frameworks in real development projects can easily solve these complex problems.
So you see, how important it is to keep focusing on the “framework knowledge”, but some of you may think that the two frameworks are difficult to learn, but in fact they are not difficult, and the difficulty may be that you have not applied them. Because you don’t have practical experience, you can’t really understand it.
Note: welfare will be updated every week, more welfare waiting for you to receive, more skills, welcome to communicate in the comments section!
+ Jun Yang front three 606, middle three 846, back three 127, jin Jun Yang secret code T123, receive Python, Web front-end development, Python crawler, Python data analysis, big data development, artificial intelligence, Java project, Java foundation and other high-quality learning courses. Learn Python, Java, Web front end and big data from zero. Be a great programmer!
Finally, about finding a job, I believe that if you look hard, you will find a good job. I wish you all success.