Vue, React framework can be said to be the prerequisite skills of the front-end, a beginner of two or three months will be able to Vue.

But have you thought about the question? Frameworks like Vue and React are already basic skills. Why dare we say we are better than others?

Being able to write a project independently with Vue is actually just entering a door. Under the background of the rapid development of technology today, to really be a person who dares to speak proficient Vue, first check whether the following are qualified.

The basic skills

I’ve seen a lot of front-end Vue, React, and then give up on JavaScript.

As a basic skill, knowing the basics of JavaScript and understanding the features of JavaScript will come in handy no matter what tools you use. The foundation is not solid, the daily occurrence of a bug will spend a lot of time to locate the problem.

If you look at the front end leaders, the front end architects, in addition to the technical aspects, they are excellent in terms of design patterns, thinking and understanding of software engineering. And the premise of these or a solid foundation, and then to hit the superstructure.

What we need to learn:

  1. JavaScript operating mechanism, scope, prototype chain, variable characteristics and other underlying principles.
  2. Design patterns, architectural thinking, programming thinking, common problems in software engineering.

Best practices

We all write routes. But do you know how to write routes to decouple multiple routing modules and make it easier to add new routing modules?

We all pack up the Vue project and go live. But do you know how to write configuration files to optimize packaging speed?

We all write components. But do you know how to make components into highly reusable component libraries?

Such problems are the most important factor to distinguish the level of front-end in practice, and also the important factor that many front-end programmers can not wait for the offer from big factories and can not break through the advanced front-end.

One of the things that makes it difficult for many people is that programmers working in small and medium-sized companies, writing normal business code, rarely have access to the best practices of big companies. If you have a chance to learn something like this in the future, by all means, don’t miss it.

Here are some of your own best practices:

  1. Re-wrap AXIOS to facilitate your own project requests and data manipulation
  2. Encapsulate the common tool library. Encapsulate the functions commonly used by the project team, such as cookie, session, character verification and so on.
  3. Dll packaging for libraries that often do not change, speed up the packaging

The source code

If you’re looking for a job these days, more or less, you’ve already started asking questions about Vue’s underlying source code. Since everyone knows Vue, the interviewer will be looking for your source code in addition to your programming skills. If nothing else, the source code is very important for interviews.

In addition, a true understanding of the source code raises the level of understanding of the tools used. You’ll find yourself writing Vue with fewer bugs and fixing them much faster.

But at the same time, many people also face a problem, that is, completely do not understand the source code, let alone understand fully.

Here are some of the underlying principles of Vue:

  1. Bidirectional data binding is done through GET and set before Vue3, and through proxy after Vue3.
  2. Vue has a virtual DOM, which is essentially an internal JSON string.

Therefore, friends of the front end, we sincerely suggest that you do not lock yourself in the thinking of knowing Vue and writing business code at ease. The demands on the front end are only going to get higher. Hope everyone according to the above point self-retrieval, do not appear to quit the company on the embarrassment of unemployment.