“ What to learn ”“ How to learn ” In fact, it's the problem we should focus on . therefore , Today, I'd like to give you an overview of the front-end knowledge framework , Help you to traverse the knowledge points again , It's easier to check the gaps and make up for them .
Let's first look at what is knowledge architecture ？
We can understand it as knowledge “ Catalog ” Or index , It can help us organize the scattered knowledge , It can also help us find some knowledge blind spots .
Runtime can be divided into data structure and algorithm part —— Data structures contain types and instances （ Built-in objects ）, The algorithm is the execution process . The execution process should follow the cycle of events and micro tasks from the top level , To the function 、 And then to statement level execution .
HTML and CSS Knowledge architecture
stay HTML Part of , We divide its knowledge according to function and language ,HTML The function of is mainly carried out by the label , So first of all, we need to classify the labels . Classification after the elements in the figure , It's the different functions we undertake , Divide the labels into several categories .qun：784783012, It's all about learning the front end from the most basic HTML+CSS+JS【 Cool special effects , game , Plug in encapsulation , Design patterns 】 To mobile HTML5 The learning materials of the project and actual combat have been sorted out , To every front-end partner .2019 Latest technology , Synchronization with enterprise requirements
Besides the label , You should also put HTML Understand as a language . More basic HTML Grammar and several important language mechanisms ： Entity 、 Namespace , You must master .
CSS part , It can be divided by language and function .
The language part ,@rule、 Selectors 、 Units are three parts to be concerned about .
Function part , You can focus on the layout （ Normal flow and elastic layout ）、 draw （ Graphics and text ） And interaction classes .
Browser implementation principle and API
How browsers work , It's our deep understanding of API The basis of
Starting from the general browser design , According to the analysis 、 structure DOM Trees 、 Calculation CSS、 Rendering 、 The process of composition and drawing to learn how browsers work .
stay API part , It can be downloaded from W3C Choose a few large pieces of... From the scattered standards API Let's explain in detail , There are mainly ： event 、DOM、CSSOM Several parts , They each cover interactions 、 Semantics and visible effects , This is the main content of our work .