The front-end direction of the host is the spring recruitment that I participated in last year. I have gained a lot of experience posts and interviews from Niuke.com. During the preparation for spring recruitment and interview process, I have gained a lot of help and encouragement from students.
In the end, luck was better. I got the letter of intent from Ali, Meituan, OPPO, 360 and Youzan. After I got the letter of intent from Ali, I did not participate in the interview of other companies. Now I will share the spring recruitment experience summarized before, hoping to help Other friends~
Summary of front-end knowledge points
The front-end knowledge points are some of the knowledge points I summarized in the process of preparing for the spring recruitment, reading books and experience stickers. Not only are I often asked during interviews, but also important for my future work and study, and everyone is welcome to add them together~
一、JavaScript
- Original value and reference value types and differences
- Determine the data type typeof, instanceof, Object.prototype.toString.call(), constructor
- The difference and conversion between array-like and array
- Common API for arrays
- The difference between bind, call, apply
- Principle of new
- How to correctly judge this?
- Closures and their effects
- Prototype and prototype chain
- The relationship and difference between prototype and __proto__
- Implementation and comparison of inheritance
- Deep copy and shallow copy
- Anti-shake and throttling
- Scope and scope chain, execution context
- Common DOM operations
- Array.sort() method and implementation mechanism
- Ajax request process
- JS garbage collection mechanism
- String, Array and Math methods in JS
- The difference between addEventListener and onClick()
- The difference between new and Object.create
- DOM location object
- The entire process of the browser from inputting the URL to page rendering (involving the computer network data transmission process, the browser parsing and rendering process)
- Cross-domain, same-origin strategy and cross-domain implementation methods and principles
- Browser reflow (Reflow) and repaints (Repaints)
- Arguments in JavaScript
- EventLoop event loop
- Macro task and micro task
- BOM attribute object method
- Function Currying and Its General Encapsulation
- JS map() and reduce() methods
- “"with"=" the difference
- Why does setTimeout produce errors when used as a countdown?
Two, ES6
1. The concepts and differences of let, const and var
2. Variable promotion and temporary dead zone
3. Variable structure assignment
4. Arrow function and this problem
5. Symbol concept and its function
6. Set and Map data structure
7. Proxy
8. Reflect object
9. Promise (hand torn Promise A+ specification, Promise.all, Promise related API and methods)
10. Iterator and for...of (implementation of Iterator traverser)
11. Comparison of loop syntax and usage scenarios (for, forEach, for...in, for...of)
12. Generator and its asynchronous application
13. async function
14. Comparison of several asynchronous methods (callback, setTimeout, Promise, Generator, async)
15. Class basic syntax and inheritance
16 . Module loading scheme comparison (CommonJS and ES6 Module)
17. The principle of ES6 module loading and CommonJS loading
Three, HTML/CSS
1. CSS weights and how to introduce them
2. All tags are
used 3. Draw triangles with CSS
4. Unknown width and height elements are centered horizontally and vertically (plan and comparison)
5. The division of element types
6. Box model and its understanding
7. Positioning method And its differences (document flow)
8. Margin collapse and merge issues
9. Floating model and methods to clear float
10. CSS positioning properties
11. Display and related properties
12. IFC and BFC
13. Implementation of Holy Grail Layout and Double Flying Wing Layout
14 . Flex layout
15. The difference between px, em, rem
16. Less preprocessing language
17. Media query
18. Vh and vw
19. Semantic function and semantic label of H5
20. Web Worker and Web Socket
21. CSS3 and related Animation
22. How to implement a responsive layout
23. The concept and implementation of SEO
24. New features of HTML5
25. Use of Less and Sass
Four, HTTP and computer network
1. TCP/IP protocol hierarchical management
2. Three-way handshake four-time wave of the phone and the reason
3. HTTP method
4. The difference between GET and POST
5. The meaning of HTTP to establish a persistent connection
6. HTTP message structure
7. HTTP status code
8. Web server and its composition
9. HTTP message header
10. HTTP general header fields
11. HTTP request header fields, response header fields, entity header fields
12. Cookie related header fields
13. HTTPS and HTTP differences and implementation methods
14. Cookie and Session
15. HTTP-based functional additional protocols (SPY, WebSocket, HTTP)
16. Common Web attack classification
17. TCP and UDP difference
18. Storage mechanism localStorage, sessionStorage and Cookie storage technology
19. XSS attack and defense
20. CSRF attack and defense
Five, front-end engineering
1. Front-end engineering process (architecture selection, business development, testing, package construction, deployment and online, project monitoring)
2. Webpack basic concepts and configuration
3. loader and plugin principles and implementation
4. Webpack module hot replacement and implementation
5. Webpack optimization problem
6. SPA and its advantages and disadvantages
7. SSR implementation and advantages and disadvantages
8. Design mode (factory mode, singleton mode, prototype mode, VPN mode, adapter mode, observer mode, etc.)
Six, React
1. React's own characteristics and considerations when selecting
2. React and VUE
3. Virtual DOM
4. React life cycle
5. Diff algorithm
6. Controlled and uncontrolled components
7. High-level components
8. Flux architecture mode (Involving MVC/MVVM, Flux)
9. Redux design concepts, design principles, methods, redux implementation of asynchronous flow library
10. Pure component (Pure Component) and shouldComponentUpdate relationship
11. Redux components and connect function
12. React Fiber architecture
13. The role and principle of React Hooks
Seven, NodeJS
1. Basic concepts and features of NodeJS
2. CommonJS specifications, core modules
3. Node asynchronous I/O
4. Node memory control
5. Node builds network services (TCP, HTTP, Web Socket services, etc.)
6. Node process
8. The part of the code that needs to be shredded
1. Promise (A+ specification), then, all methods
2. Iterator traverser realization
3. Thunk function realization (combined with Generator to realize asynchronous)
4. Async realization principle (spawn function)
5. Class inheritance
6. Anti-shake and throttling
7. Ajax native implementation
8. Several methods and comparisons of deep copy
9. Several implementations and comparisons of inheritance
10. Elements of unknown width and height are centered horizontally and vertically
11. Three-column layout implementation
12. Two-column layout implementation
13. React high-level components
14. Array deduplication
15. Implementation of several sorting algorithms and comparison of their complexity
16. Pre-order and post-order traversal of the binary tree (non-recursive)
17. Deep traversal of the binary tree (analysis of time complexity)
18. Cross-domain Implementation (JSONP, CORS)
Nine, data visualization
1. The difference between Canvas and SVG
2. When considering the design of visualization charts, how to choose between Canvas and SVG characteristics
3. Common visualization component libraries
4. Visual component libraries such as Echarts's design ideas
5. Some visualization component libraries that are biased towards the bottom What issues need to be considered when integrating with the front-end framework
6. How can the visualization component be data-driven?
10. Computer Basics
1. Computer system
2. Thread and process
3. Common git instructions
4. Linux related instructions
5. Other types of programming languages (such as Java)
6. Database
Summary of front-end interview questions
The front-end interview questions are the interview questions I encountered during the interview. I will review and summarize after each interview. I have done a sorting, and found a professional answer in the technical blog, you can refer to the following:
Due to limited space, only part of the interview questions can be shared. The full version of the interview questions and answers can be read and downloaded by [click me] ~ Share with you for free
Sentiment
In the later stage of the spring recruitment interview, luck and strength are both important. I am also lucky. In order to give back to my fans and friends (after all, I have played for so long, hahaha), I will sort out my personal feelings and summarize the above. Finally, I wish you all get the ideal offer! !