Large and small companies add up to about ten, sum up the questions often asked and prepare for the use of resources, continue to roll to learn

JS

  1. Closures (required) must have an in-depth understanding of the various scenarios used, such as modularity
  2. This point
  3. Apply, call, bind
  4. The difference between an arrow function and a normal function
  5. JS data type, introductionbigint.symbol
  6. How do I determine the data type
  7. Deep copy and shallow copy
  8. Tell me about the ES6 you used
  9. Let temporary dead zone
  10. Set, Map, WeakSet, WeakMap (Characteristics and usage scenarios)
  11. JS for loop forms and differences
  12. Methods of array de-duplication (analyzing the time complexity of various methods)
  13. Promise.all() promise.race () use scenarios
  14. Async and await
  15. JS class, how to implement
  16. Inheritance in ES5 and inheritance in ES6
  17. Function Corrification + an understanding of functional programming
  18. Event Loop Macro task Micro task
  19. Asynchronous programming in JS

DOM

  1. Event delegation
  2. Bubble and capture (order, how to unbubble)
  3. Parameters and use of addEventListener

CSS

  1. Scenario questions

    Create a square on the mobile end with 30px left and right from the screen

    All kinds of household

    How to draw a triangle (multiple ways) draw a trapezoid

    A two-column layout

  2. CSS Positioning: Position property (Absolute positioning)

  3. Various flex properties

  4. Method to clear the float

  5. Selector priority

  6. Mobile ADAPTS rem principle

  7. The transform property of the TRANSITION CSS animation

HTML

  1. HTML common line-level tags and block-level tags
  2. The benefits of HTML5 semantic tags

network

  1. Three handshakes four waves (why three, four)
  2. HTTP and HTTPS
  3. HTTPS encryption communication principle
  4. HTTP request methods
  5. Simple and non-simple requests, Option requests
  6. The HTTP status code
  7. The difference between 301 and 302 (specific usage scenarios)
  8. Strong Cache vs. negotiated Cache (be sure to learn more about the difference between no-cache and no-store in cache-control)
  9. Cookie, localStorage, sessionStorage three differences
  10. Cross-domain solution (detailed implementation of JSONP)
  11. Differences between TCP and UDP

The browser

  1. The entire process after entering the URL
  2. Do CSS and JS block browser rendering
  3. Refluxing and repainting
  4. Front-end performance optimization

webpack

If only configured, don’t write it in skills!

  1. The difference between Loader and Plugin
  2. Which plugins have you used for Webpack?
  3. Babel principle
  4. Module packaging principle

Vue

  1. How do components communicate with each other in VUE
  2. How to implement Event Bus
  3. The responsive data principle of Vue2 and Vue3 (used by Proxy? How is this implemented?
  4. Vue life cycle
  5. Implementation principles of the vuerouter Hash route and history route
  6. Compute properties computed and getters and setters inside
  7. Difference between V-if and V-show
  8. Differences between VUE2 and VUe3, new features of VUE3
  9. Ref and Reactive in VUe3
  10. The use of vuex
  11. Vue is different from React
  12. How to implement VUEX easily (Describe ideas)

React

Did not learn, ask not much ~

  1. How does React communicate between components
  2. React hooks

algorithm

  1. Sort (bubble and quicksort most frequently tested)
  2. The type of binary tree
  3. How to implement depth-first search and breadth-first search with what data structure

Learning resources

ECMAScript introduction to 6

Front-end hf interview essentials

God three yuan

Front-end knowledge sharing

awesome-coding-js

Summary of interview questions about Webpack

The front-end sword refers to the offer

conclusion

Front-end intern interview, most of the inspection is the foundation, the above are some common questions, when learning do not float on the surface, what back questions are done, we must use their own hands-on practice, such as JS inheritance, I only read the blog, and did not go to the implementation of their own hands, the interviewer asked a paragraph of empty, This interview let me discover a lot of knowledge to learn not deep enough, the interviewer ask principle of what, over calves, don’t say, roll to learn, refueling, iron iron people!