“Don’t be afraid, don’t pay attention to, and work hard in the future” — hello! I am little sesame 😄
After silently updating the article for a period of time, small sesame decided to become an inspirational title party 😄
Don’t go, don’t go, don’t go 😭…..
Mistake, let’s get started;
This content is suitable for: beginners front-end; And working hours soon want to review the basis of the partners;
The article is mainly composed of pictures, which may not look very convenient, and is suitable for saving a single sheet at 😄;
Since come, just see go, there will always be some harvest 😄;
Additional picture address link gitee.com/jinsexiaozh…
First, the development history of the front-end
Second, JS basic entry
1. Know your browser
2. Basic KNOWLEDGE of JS
Initial knowledge of JS- the foundation of the foundation
3. Three output modes
JS in the three categories of output
4. Basics of data types
A brief analysis of data types in JS — basic data type values
Number Data type basics
Basic information about string data types
Boolean Basic information about data types
Basic information about Object data types
JS based on the data type object
The interconversion rule in conditional judgment
5. Differences between data types (stack memory)
The difference between data types (Heap vs. Stack)
6. Three common judgments in JS
There are three common judgments in JS
7. For loops in JS
JS loop — for loop
8. Basic knowledge of function
Basic knowledge of function in JS
9. Array basics
10. Common methods in arrays
16 common methods in an array
[Add Reduce, filter, flat…] | With a mind map
11. Common methods in Math
9 methods commonly used in Math
12. Common methods in strings
12 common methods in strings
Three, common methods
13. Three ways to de-duplicate an array
JS array deduplicate three methods
14. Three methods of time formatting
JS time format three methods
15. Three methods of URL parameter processing
JS URL parameter processing of three methods
16. Obtain the random verification code
17. DOM operation summary
How to get the DOM tag
DOM Manipulation — 9 ways to get a DOM tag
How to obtain the DOM node
DOM operations — DOM node types and properties
Adding, deleting, and modifying DOM elements
DOM manipulation — adding, deleting, modifying, styling, and inserting elements
Manipulate DOM element styles
Fourth, JS advanced promotion
18. Variable improvement
JS variable promotion mechanism
The difference between var and no VAR
In global/private context: The difference between VAR and no VAR
Scope and scope chain lookup mechanisms
Scope and scope chain lookup mechanism | with mind map
Release of stack memory
JS stack memory free problem
22. Closure mechanism
The closure mechanism in JS
The difference between let and var
ES3 defines variables and ES6 defines variables
Singleton/factory design pattern
The singleton/factory design pattern in JS
25. Fundamentals of Object-oriented theory
JS object-oriented OOP theoretical basis
26, Constructor to create a custom class
Constructor to create a custom class
27. Prototypes and prototype chains
JS prototypes and prototype chains
28. Extend properties and methods to stereotypes
29, THIS question
THIS related issues in JS
30, call/apply/bind
Three methods to obtain the maximum/minimum value of an array
Three basic methods for obtaining the maximum/minimum value of an array
32, class array to array of five methods
33. ES6 Grammar
ES6 arrow functions and remaining extension operators
ES6 deconstructs assignments
ES6 class Creates a class
A variety of inheritance
Multiple inheritance methods in JS
Four ways to detect data types
JS data type detection in the advantages and disadvantages of four ways
36. Regular expressions
Regular expressions in JS && comprehensive carding | with mind maps
Regular Expression Basics
The matching and capturing of re
Regular knowledge
37. Box model in JS
JS box model
38, JS CSS style to obtain the way
The difference between strict mode and non-strict mode
Non-strict mode 🆚 Strict mode difference | with mind map
Animation processing – CSS3 animation
Animation processing — JS animation
42. Plug-in encapsulation idea
Plug-in encapsulation | Encapsulate a carousel diagram plug-in of its own – left/right switching version
43, callback function related knowledge
Depth cloning and depth comparison
Deep clone VS shallow clone | deep compare VS shallow compare | callback function
45, events,
Event and Event Binding && Event Object and Event Propagation — Basic Knowledge (Brain Map combing)
Common event behavior
The event object
Event propagation mechanism
DOM0 and DOM2
Mouseover and mouseenter
Event delegation
The idea of currie function programming
47, Promise foundation
48, promise the foundation of then
5. HTTP Basics
From the address bar input url to see the page process &&AJAX basics | brain map comb
Fundamentals of client and server interaction
50. URL parsing
51. HTTP request
52. The main flow of the browser rendering page
Reflux and redraw
Synchronous asynchronous
Serialization and parallelism of AJAX
AJAX basics
Global refresh and local refresh in AJAX
Good, basic knowledge is over here, is the author of an article in the above summary, also is each front should master the basic knowledge, of course, this is just basic knowledge, code code farmers indispensable must be more practice, more code, hope that the way we can easily get what they want 😄, refueling oh!!!!!!
Small sesame know, the article still has a lot of deficiencies, the content is not very comprehensive, hope to be able to get each big guy’s guidance 😄
Finally summed up the arrangement is not easy, hope you appreciate a praise to go 😄, (PS: if this can be successfully promoted to three small sesame on….. It’s up to you what to do.
Thanks:
There are many knowledge points, sorting out these pictures is also for the sake of the back when you want to go deep, you can review the old and learn the new;
Share here can be more partners recognized and used, is also the author of the lucky 😁