background

The management problems of the previous company led to the disbanding of the technical team and the rush to find a job once again. This article is to record the problems encountered during the interview. (Updated from time to time)

Details on the problem

Basic knowledge of

  1. How does the CSS grid system work?
  2. What is HTML5 and how does it differ from HTML4?
  3. Write three or more vertical and horizontal middle ways
  4. What is the process of entering a URL into a page rendering?
  5. What is object orientation? What are its three main features?

Browser dependent

  1. What is the browser garbage collection mechanism?
  2. What is a memory leak and what are the conditions?
  3. Browser Event Loop?
new Promise((res,rej) = > {
    console.log(1)
    setTimeout((a)= > {
        console.log(4)},0)
    res(3)
}).then(x= > {console.log(x)})
console.log(2)
// Output order?
Copy the code
  1. Browser caching mechanism?
  2. How does a PUT DELETE request parameter differ from a GET and POST request?
  3. What are the components of the request message?
  4. What is websocket?
  5. What is a Web worker?
  6. What is PWA?

Js related

  1. Understanding closures
  2. Several implementations of inheritance
  3. Implementation principle of Jsonp
  4. Retrieve all img tags in a string using the re (consider Alt =” img tags inside “)
  5. What is your understanding of ES6 map and set? WeakSet What is the difference between weakMap and weakMap?
  6. How do you implement async and await with JS?

Third-party libraries

  1. What are the important features of WebPack? How to optimize the use of experience
  2. What’s the difference between Vue and React?
  3. What are the ways to implement bidirectional binding
  4. Talk about your understanding of Vue dynamic components and functional components.
  5. What are the life cycles of Vue custom instructions?
  6. Vue’s diff algorithm?
  7. Vuex event flow? How to design a Store?
  8. Does Vue use computed and Watch differently?
  9. In Vue I set a for loop 10 times to change the value in data, okay? Will the page render 10 times or once? In terms of performance, it should be rendered once. How does vUE implement rendering once?
  10. How does Vue Router work?

function

  1. How does Baidu count user clicks on each A tag on the page?
  2. When a table has tens of thousands of entries, how do you optimize the page so that it doesn’t lag?
  3. What is the solution to sudden WebSocket connection failure?
  4. How to solve the single page application home page rendering blank screen?
  5. Single page mall home page is constantly loading commodity data, when the amount of data is too large, it will cause the mobile terminal page lag, how to optimize without losing functional integrity?
  6. Front-end performance optimization?
  7. What are web attacks? How does the front end improve Web security?

Wonderful work problem

  1. I need you to draw two pictures, with a house and a swimming pool on the front and a tree on the back.
  2. The manhole cover we see on the road is round or square, why?
  3. How do you get out of a blender if you are a pencil-tall person?
  4. Yesterday I climbed from the foot of the mountain at 8am and reached the top at 8pm. The next day I came down from the top at 8am and arrived at the foot of the mountain at 8pm. Is there a moment when I was in the same position yesterday and today?

Above is a few front end face test questions that I encounter, share to everybody, common progress, the person that hopes to leave office finds a good job as soon as possible!!

I wrote a little book of front-end experience and share it with you.Github and Browse the web site