Recently, I have been preparing for the interview for three or four months, and I have been brushing numerous interview questions. Only Bytedance entered the HR interview and finally got the offer.

Ali interviewed three departments in the second interview, netease and Didi also had two rounds of technical interview, bytedance three rounds of technical interview and one HR interview, a total of 14 interviews. In this recall summary, not only a reference to the community of friends, feedback community, but also to their own a good summary.

HTML

  • What new content or apis HTML5 has and what it has used
  • Difference between input and textarea
  • Simulate the implementation of a Textarea with a div
  • How do browsers manage and load HTML5 offline storage resources?
  • Doctype? How to distinguish strict mode from promiscuous mode? What do they mean?
  • HTML vs. XHTML – What’s the difference

CSS

  • Left and right layout: left fixed width, right adaptive, no less than three methods
  • Landing, the IFC
  • An understanding of grids
  • What are the implementations of (horizontal) center
  • 1 pixel border problem
  • CSS optimization:
  • GPU acceleration is enabled for the CSS
  • GPU hardware acceleration may trigger the following problems:
  • What are the CSS selectors? Which attributes can be inherited?
  • How is the CSS priority algorithm calculated?
  • How do I center div? How to center a floating element? How do I center an absolutely positioned div?
  • What are the values of display? Explain their role?

JavaScript

  • Lazy loading of images
  • Page loading progress bar

  • Event delegation
  • Extend function
  • Why is there a cross-domain problem and how to solve it
  • Jsonp principle, postMessage principle
  • Implement drag and drop functions, such as dragging the last of five sibling nodes between nodes 1 and 2
  • Animation: setTimeout when to execute, requestAnimationFrame advantage
  • ParseInt (string to Number); parseInt (string to Number);
  • When writing a pager component, to reduce server queries, how can clicking “Next page” ensure there is still data to load (request data will not be empty)?
  • What features are added to ES6, what have been used, there are also on the spot to see the code said output results
  • JS modular practice
  • The implementation principle of require.js (if you have used Webpack, you will ask further, the similarities and differences between the two packaging, advantages and disadvantages)
  • The promise implementation principle further asks whether async and await are used
  • Implements gulP functions
  • What are the benefits of using a front-end framework (Angular/Vue/React) versus jQuery
  • Vue bidirectional data binding implementation
  • How to implement the routing function of a single page application

Performance optimization

  • What optimization methods have been used in the project
  • So what happens when you type in a URL, Enter
  • The rendering process of the page
  • How to optimize static resources or interfaces
  • What happens if a page has too many DOM nodes? How to optimize?

Project experience

These big companies start with senior engineers, so they tend to dig deep into the items on their resumes. Many, many problems were expanded by the project, such as optimization related things, as well as the previously mentioned require.js, Promise, gulp. A certain technology was used in the project, and senior engineers required that they not only know how to use it, but also know its principle. Note to myself: the technology used in the project can not be said to fully grasp its principle, but it is necessary to understand the general implementation.

  • Tell me about the project you are working on, and ask further questions: What are the modules of the project and what are your responsibilities
  • Your role in the project
  • One of the best things you did on the project
  • What kind of difficulties did you encounter and how did you solve them
  • (if you were in charge of the project), how were tasks assigned and did you focus on the growth of the team members
  • Front-end security issues: CSRF and XSS

other

  • Why did you choose to do the front end (damn, I’m still asking this question after almost two years of moving to the front end…)
  • What kind of team do you want to work on
  • Do you have any questions for me?
  • What do you look for when choosing a company?

There are two months before and after, I can only recall so much, if there are other, I will make up later.

In fact, webpack is also a must to ask, because I said THAT I have not used webpack, only know about it, wrote demo, the interviewer did not ask too deep. If webpack is mentioned in your resume, be prepared in advance, such as how webPack packaging works, how to write webPack plug-ins, etc.

When interviewing for that position in Ali Cloud, there are requirements for algorithms and data structures, and those who have the ability to prepare more.

Ali and Byte’s interviews are almost all about the project, so remind yourself to think more and look more when moving bricks, and look at the whole project from a height: what technology is used, what technology realization principle is, how the project framework is built, whether safety measures are taken…

Afterword.

To sum up my experience after the three interviews:

  1. Do not memorize, understand the principle, otherwise the interviewer will give away a deep!
  2. Code ability must pay attention to, especially a lot of original rational code (before two let me write Node middleware, promise. all, two-way binding principle, be abused doubt life)!
  3. Try to show the depth and breadth of your knowledge in the interviewer’s questions, so that the interviewer can find your shine!
  4. Multiple brush face classics!