The front end of a relatively comprehensive knowledge points

First, the basic skills

1, about html

1 appreciated 1. html semantic tags; structured understanding; html can write simple structure; Optimization of SEO 2. h5 in the new attributes; Data as custom properties, and the like className class name, the new form elements drag drag 3. h5 in the new API, a modified API, the API little understanding of waste (off-line storage, audio, video)

2, on css

1. CSS selectors (three characteristics) 2. BFC mechanism 3. 4. CSS box model modular development (package); SCSS and LESS screen adaptation and use of page 5. 6. CSS3 new adaptive selection 7. a device in new properties CSS3, transform trasition animation, etc ...

 3, on the layout

1. Standard document flow (padding + margin + negative margin) + float + float positioned left + right + top + bottom 2. Layout percentage:% num replaced with units PX, representing the percentage of parent element 3. flex elastically layout: spindle several properties of the auxiliary shaft 4. grid grid layout: framework used instead of the class name: layout nature or as a percentage

4, on the basis JS

1. Variable Data Types and detection: operator 2. Basic + references: arithmetic logic + + + bit + conditions shorted, 3. implicit conversion conditions, loops, exception handling if switch () {case xxx:} try catch finally throw 4. function definition, is called (apply, call, a direct call), transmission parameters: the parameter assigned to the arguments 5. strings, arrays, objects common API, 6. regex

5, advanced about JS

1. Scope scope chain, the closure 2. prototype, the prototype chain, 3. functions inherited context, the this point 4. js operating mechanism, the event queue and loop 5. Ajax principles, Axios library 6. The synchronous, asynchronous programming 7. jQuery source code learning 

6, About browser

1. The structure and operational mechanism of the browser, the browser kernel 2. 3. browser interaction: BOM and DOM-related webApi, listen for events 4. browser cache mechanism 5. 6. Render principles browser security browser: and cross-domain attacks

7, on the network protocol

1. HTTP协议 2. cookie, session, token

8, on ES6 grammar

1. strings, arrays, object extension of api 2. variable expansion: let const destructuring assignment block-level scope 3. Function expansion: arrow default function arguments, rest 4. Expand the operator parameter, and map template string 5. set 6. the data structure of iterators and generator function and next yield understanding 7. proxy agent object attributes: attribute read (GET) and setting (set) 8. promise objects related operations, asynchronous programming solution 9. async + await: asynchronous programming scheme ultimate promise + syntactic sugar syntactic sugar generator 10. class of modular programming syntax structure 11. the function of export + import and export import

9, VUE basis

1. Basic properties and commands the method of Example 2. 3. 4. Examples of the component lifecycle basis: creating, registering, adding property methods, etc ... The components of the communication to apply traditional values ​​Sons, brothers, is inserted across the stage 6 slot slot and so on ...

10, VUE Advanced

1. vue-router: SPA structures, the distribution between the traditional values ​​page 2. Routing, routing component 3. Configuration 4. Jump route navigation route 5. 6. remember to use the guard assembly and page router.js embodiment 7. vuex: status management: five attribute data warehouse store 8. examples of warehouse: state, getters, mutations, actions, modules 9. helper mapState etc ..., warehouse of calculating an attribute mapping, to facilitate 10. Remember operation and components used in the embodiment store.js

11, VUE depth, read the source code

1. Data responsive principles 2. virtual dom 3. diff Algorithm 4. nextTick etc ... 

Second, the ability to examine

1, the ability to project

1. vue-cli Scaffolding and functional configurations vue.config.js 2. webpack common configuration package 3. Item 4. Construction familiar with various types of documents ... 5. UI frame framework: Bootstrap, MUI, Element-ui, etc. 6. common plug-finishing, finishing its own plug-in library, their packaging method library, component library 7. 8. PC proficiency commonly used tools and mobile terminal-side development Note 9. experience: quickly determine the technical selection of projects 10. pits summary: project experience performance pit 11. the pit pit !!! optimized project records (all records multiple minutiae ...) 12. the understanding of the requirements document may be combined project flowchart, the UML 13 problem solving: (bug positioning commissioning, find the document, search for others ...) 14. record habits

2, modular, component-based development capabilities

1. Project classification; all kinds of filing, classification 2. 3. pulled all kinds of packaging components and features function modules, decoupling, reuse

Third, the internal strength test

1, object-oriented programming ideas

2. Encapsulation of abstract class objects, inheritance order to better manage data, classified data to achieve high cohesion, low coupling

2, design patterns

Design Patterns feeling is once again the object-oriented abstraction to reality in certain modes

3, data structures and algorithms

Learn common sorting algorithm search, order form, linked lists, stacks, queues, trees, heap structures, etc. ... test your abstract thinking and mathematical skills of the practical needs of abstract thinking ability into computer code

Fourth, additional skills test

1. 1. The ability to learn continuous learning attitude - blog, notes record 2. Technical Forum active high, Q & A and more 3. GitHub open source project participants 2. Know a back-end language 1. python, node.js, php, etc. ... 2. database mysql, redis, mongodb. sql statement operation, mongo operation statement, redis action statements 3. node + express up a local service 4. python + django + request + scrapy 3. 1. Linux system programming command line operations, file management system 2. multi-task, understand the concept of multi-threaded, multi-process, coroutines, concurrent, parallel, serial, synchronous, asynchronous, etc.