Shulou(Shulou.com)06/02 Report--

This article mainly explains "what knowledge points need to be mastered in the web front-end interview", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "web front-end interview need to master what knowledge points" it!

Investigation of basic skills

About Html

1. Understanding of html semantic tags; structural understanding; whether to write a concise html structure; SEO optimization

2. New attributes in H6, such as custom attribute data, class name className, new form elements, drag and drop Drag

3. Learn a little about the new API, modified API and discarded API in H6 (offline storage, audio, video)

About CSS

1. CSS selector (three major features)

2. BFC mechanism

3. Box model

4. CSS modular development (encapsulation); the use of SCSS and LESS

5. Screen adaptation and page adaptation

6. New selector in CSS3

7. New attributes in CSS3, transform trasition animation, etc.

About layout

1. Standard document stream (padding + margin + negative margin) + floating float + positioning

two。 Percentage layout (streaming layout): px units are replaced by% num, as a percentage of parent elements

3. Flex elastic layout: several properties of spindle auxiliary shaft

4. Grid grid layout: replace it with a class name in the frame: essentially a percentage layout

About the basics of JS

1. Variable data type and detection: basic + reference

two。 Operators: arithmetic + condition + logic + bit + short circuit, implicit conversion, etc.

3. Condition, loop, exception handling if switch () {case xxx:} try catch finally throw

4. Function definition, calling method (apply, call, direct call), passing parameters: arguments assign values to parameters

5. API is commonly used in strings, arrays and objects.

6. Regular expression

About JS Advanced

1. Scope, scope chain, closure

two。 Prototype, prototype chain, inheritance

3. Function context, this points to

4. The operation mechanism, event queue and loop of js

5. Ajax principle, axios library

6. Synchronous, asynchronous programming

7. JQuery source code learning

About browser

1. The composition and running mechanism of the browser

two。 Browser kernel

3. Browser interaction: BOM and DOM related webApi, listening for events

4. Browser caching mechanism

5. The rendering principle of the browser

6. Browser security: cross-domain and attack

About Network Protocol

1. HTTP protocol

2. Cookie, session, token

About ES6 Grammar

1. Api for strings, arrays, object extensions

two。 Variable extension: let const deconstructs assignment block-level scope

3. Function extension: arrow function default parameter, rest parameter

4. Expansion operator, template string

5. Set and map data structures

6. Understanding of iterator and generator functions next and yield

7. Proxy object property broker: operations related to reading (get) and setting (set) of attributes

8. Promise object, the solution of asynchronous programming

9. Async + await: the ultimate solution for asynchronous programming promise + generator syntax sugar

10. Syntactic sugar of class syntax constructor

11. Export and Import of Modular programming export + import

VUE Foundation

1. Basic instruction

two。 Properties and methods of the instance

3. The life cycle of the instance

4. Component basics: create, register, add property methods, apply, etc.

5. Component communication value father and son, brother, cross-level 6. Slot slot and so on.

VUE Advanced

1. Vue-router: build SPA

Routing, configuration of components

Transfer value between routes

Route hopping

Navigational guards of routes

Remember how to use it in router.js and component pages

2. Vuex: state Management: data Warehouse store

The use of five attributes of instantiated warehouse

State, getters, mutations, actions, modules

Auxiliary function mapState, etc., calculates the mapping of attributes in the warehouse, which is convenient for operation.

Remember how to use it in store.js and components

VUE in depth, source code reading

1. Data response principle

2. Virtual dom

3. Diff algorithm

4. NextTick and so on.

Engineering capability inspection:

Project capability

1. Vue-cli scaffolding construction and functional configuration vue.config.js

2. Common configurations of webpack

3. Project Construction Packaging

4. Familiar with all kinds of framework documentation.

5. UI framework: Bootstrap, MUI, Element-ui, etc.

6. Organize common plug-ins, organize their own plug-in library, package their own method library, component library

7. Proficiency of commonly used tools

8. Matters needing attention in PC and mobile development

9. Summary of experience: quickly determine the technical selection of the project

10. Summary of potholes: the project encountered potholes!

11. Performance optimization records in the project (all details. Multiple records)

twelve。 Understanding of requirements documents can be combined with project flow chart and UML diagram

13. Problem solving ability: (bug locates debugging, finds documents, seeks others.)

14. Form the habit of recording

Modular, component-based development capability

1. Project classification; arrangement and classification of all kinds of documents

two。 Various functional packages

3. Extraction, decoupling and reuse of components and functional modules

Internal strength investigation:

Object-oriented programming idea

1. Abstraction of a class

two。 Object encapsulation, inheritance

In order to better manage data, classified data achieve high cohesion and low coupling.

Design pattern

Design patterns also feel like abstracting object-oriented ideas into some specific patterns in reality again.

Data structure and algorithm

Learn commonly used sorting search algorithms, ordered lists, linked lists, stacks, queues, trees, heap structures, etc.

To test your abstract thinking and math skills.

The thinking ability to abstract realistic needs into computer code

Additional skills review:

1. Learning ability

Continuous learning attitude-blogs, notes

The technical forum is highly active and has many questions and answers.

GitHub open source project participates in 2. Know a back-end language

2.python, node.js, php, etc.

Database mysql,redis,mongodb. Sql operation statement, mongo operation statement, redis operation statement

Node + express to build local services, etc.

Python + django + request + scrapy

3. System programming

Linux command line operation, system file management

Understanding of the concepts of multitasking, multithreading, multiprocess, co-programming, concurrent, parallel, serial, synchronous, asynchronous, etc.

At this point, I believe that everyone on the "web front-end interview need to master what knowledge points" have a deeper understanding, might as well to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.