“Live up to the time, the creation of non-stop, this article is participating in 2021 year-end summary essay competition”

Job and Career growth

This year will soon be over, and I happen to see that the Nuggets will have the essay contest of 2021 year-end summary, so LET’s chat together and share my front-end life

The front end has been working for more than 4 years, from 2017 to 2021, from then to now, I think the love for the front end will always be in the first place. Only with love and interest can I go further and further

In the beginning, I

At the beginning of 17 years, I was ignorant, interested in everything in the front end and afraid at the same time, so I started my exploration journey

vue

I didn’t know much about VUE at that time. I probably only knew vUE’s data binding and how good VUE was in my mind. A lot of companies use it. But feel very strange, but do not understand the study will always learn

Vue -router vuex element- UI vUE official website these are all brush through

Github has some great projects like vue-element-admin Clone where I can learn how to write other people’s code. At that time, this project was a treasure trove for me and almost included most of the requirements of the backend system

  • Authentication and Verification – Page Permissions Button Permissions
  • The dynamic change skin
  • Dynamic sidebar
  • Rich text editor

Wait, this is just a list of features, since then I have officially opened the door to VUE.

Learn other people’s code style, learn other people’s way of implementing functions, learn other people’s architectural design for projects

It all starts with imitation

Vue source

Of course, learning the above is just some API for me to use, I want to have a deeper understanding of Vue, then start from the source volume ~ ~

Vue source was then clone down from the entry file step by step to understand the entire project startup project to open SoureMap step by step debugging

Start with data observations of Object.defineProperty, and updates by Watcher to components, and Dep to watcher’s collection-triggered updates

Then is the component level update diff patch operation and nuxtTick source code are basically brush ~

The react source

The React Fiber was the product of several years of research by the React team

The React team used requestAnimationFrame + Windod. postMessage to simulate the implementation due to API compatibility issues. ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime = ExpirationTime

The React source code will look a lot more complicated than the Vue source code.

Technological learning

For technical learning, I follow the principle of first depth and then breadth, putting javascript foundation in the first place, and then vue React is constantly consolidating. At present, I mainly focus on learning source code, learning good source code can not only better solve the problems in the project, but not go to Baidu to see the problem according to others’ ideas. Can also better learn other people’s programming ideas to solve problems in the source code will also have some algorithm data structure just can be considered very comprehensive in learning it. As for some potential new frameworks such as Solid and Svelte, I am neutral and will keep an eye on them but will not put too much effort into them. The basic needs to be understood. (PS: There are too many front-end frameworks.

Life summary

Last October, I changed my job to my new company. The company is not big but the overall pace is not very fast. The work intensity was relatively high at the beginning, but gradually I became orderly and had time to learn and dig gold every week (PS: Fish HHHHH).

Plans for next year

Next year’s plan to raise salary, to have a deeper understanding of the source code, as well as data structures and algorithms to consolidate, brush more Leetcode

Collecting the wool for gold

I want a cup. HHHHH