Front-end persuasion and front-end knowledge system (front-end interview system)

foreword

Although it is about to be gold, nine, silver and ten, there should be a lot of people interviewing, although I am also there, the purpose of writing the article is mainly to sort out knowledge, and it can be helpful for review. This article is mainly related to the front-end knowledge system. The content involved includes :

browser
computer network
Front-end basics (html, css, js)
node
webpack
Data Structures and Algorithms
web security
Front-end engineering (application of compilation principles)
Rendering optimization
performance monitoring

Does not include:

Cross-end (mini program, hybrid application)
frame
typescript
mobile

However, the front-end is really involution , the content is so much, and some interview questions are lost as a reference, the above basically covers the entire knowledge system of the front-end.

For the rest, I'm not very familiar, so anyone want to complete the second part?

other

After reading the comments, some people feel that their abilities are limited, which is normal. Since the front-end system itself has a lot of content, this article is just sorted out, there is no need to pay attention to all of it, it is just a current trend.

The current front-end field direction:

visualization
span
Applets
Engineering
game
DevOps
webAssembly (rust, c, cpp) extends the front-end through other languages to achieve solutions that the front-end cannot do
Audio and video (FFmpeg)
full stack

Required:

html、css、js
typescirpt (2021, now ts is almost a necessary skill)
frame
Browser related knowledge
monitoring, tracking
team cooperation

Optional:

computer network
Compilation principle
Data Structures and Algorithms
unit test

Links in this article

At the request of the comments, all the content of this article can be found on this, and it will only increase, not decrease. The link may have little content, such as data structure and algorithm, which should be added later, only for individuals The scope of the body of knowledge, as for other farewells.

Make complaints:

Made with Feishu's thinking notes (advertisement in disguise?), talk about the experience

advantage:

ui unscrupulous
Can link to other documents via @

shortcoming:

The pasted link cannot modify the title, it is automatically recognized by default
no way to wrap
Images are not supported
When using a 2-sided structure, there is no way to drag
Sharing does not support folders (let me add collaborators????), and sharing is very troublesome if there are too many files.
Does the preview feel blurry? When editing, it is obviously clearer than previewing