Byte’s front end has always been hot, with wages and technology at the cutting edge in the country. The following is a brief introduction to the byte technology post rank system and the corresponding technical requirements. And share with you a set of high-frequency core interview questions compiled by byte 3-1 front-end interviewers 100, wish you a smooth job search!

Bytedance Ranks & Assessment

Bytedance founder Yiming is at level 5-1, fresh graduates are usually at level 1-1, intermediate engineers are at level 1-2, 2-2 is senior r&d talent, 3-1 is junior leadership, 3-2 is senior leadership, 4-1, 4-2, 5-1 and 5-2 are all senior leadership at different stages.

Byte front-end position technical requirements & Salary

Latest byte front-end real questions + high-frequency 111 channels (including answers)

HTML

  • What’s new in HTML5?
  • Doctype? How to distinguish strict mode from promiscuous mode? What do they mean?
  • How to implement communication between multiple tabs in the browser?
  • What are the inline elements? What are block-level elements? What are the void elements? What is the difference between a row element and a block element?
  • What is the difference between SRC and href?
  • What is the difference between cookies, sessionStorage and localStorage?
  • How does HTML5 offline storage work?
  • How to deal with 1px rendering 2px on mobile?
  • Pros and cons of iframe?
  • What is the difference between Canvas and SVG graphics?
  • .

JavaScript

  • Q: 0.1 + 0.2 === 0.3? Why is that?
  • JS data type
  • Write code: implement functions that can deeply clone basic types
  • Flow of events
  • How are events implemented?
  • What happens to a new function
  • What is scope?
  • JS implicit conversion, display conversion
  • Bind, call, apply what does this mean
  • Hand write bind, apply, call
  • SetTimeout (fn, 0) How long to execute, Event Loop
  • Handwritten question: The Promise Principle
  • Talk a little bit about prototype chains and the inheritance of prototype chains
  • What functions can arrays call?
  • Has PWA ever used it? How does serviceWorker work?
  • ES6 used Prototype to implement inheritance
  • What’s the difference between an arrow function and a normal function? Can arrow functions be constructors?
  • Event Loop
  • .

Vue framework

  • Active-class is a property of which component? How to define nested routines
  • How to define a vue-router dynamic route? How to get the passed dynamic parameters?
  • What kinds of navigation hooks does vue-Router have?
  • What is SCSS? What are the installation steps in vue.cli? What are the major features?
  • What is mint-UI? How to use it? Name at least three ways to use components?
  • What is a V-Model? How to use it? How do tags bind events in VUE?
  • What is Axios? How to use it? Describe the process of using it to implement the login function?
  • What is a RESTful API? How to use it?
  • What is vuex? How to use it? Which functional scenarios use it?
  • What is the MVVM framework? What distinguishes it from other frameworks (jquery)? Which scenarios are appropriate
  • What are the methods of custom commands (V-check and V-focus)? What hook functions does it have? What other hook function arguments are there?
  • Name at least 4 vUE directives and their usage.
  • What is the principle of two-way data binding for Vue?
  • Can you elaborate on your understanding of the VUE lifecycle?
  • What is the process of encapsulating vUE components?
  • How do you know Vuex?
  • How does Vuejs differ from AngularJS?
  • .

Computer network

  • HTTP cache
  • Do you know what a 302 status code is? What 302 scenarios have you encountered while browsing the web?
  • What are the common HTTP request methods, differences and uses?
  • What is HTTPS? The specific process
  • Three handshakes and four waves
  • Do you know anything about TCP sliders?
  • Differences between WebSocket and Ajax
  • Do you know WebSocket?
  • How does HTTP implement long connections? At what time does it run out?
  • TCP how to ensure effective transmission and congestion control principle.
  • How can TCP be guaranteed to be reliable? Why not UDP?
  • .

algorithm

  • The list
  • string
  • An array of problems
  • Binary tree
  • Sorting algorithm
  • Binary search
  • Dynamic programming
  • BFS
  • The stack
  • DFS
  • Backtracking algorithm
  • .

The full PDF is free to share, just like it,Just click here and get it for free.

In order to help you better review the key knowledge and prepare for the interview more efficiently, the electronic draft of “Front-end Engineer Interview Manual” is specially organized.

Content includes HTML, CSS, JavaScript, ES6, computer networking, browsers, engineering, modularity, Node.js, frameworks, data structures, performance optimization, projects, etc. (The data in this paper are suitable for 0-2 years)

It includes questions asked by first-tier Internet companies such as Tencent, Bytedance, Xiaomi, Ali, Didi, Meituan, 58, Pindoduo, 360, Sina, Sohu and so on, covering the primary and intermediate front-end technology points.

Front end test summary

JavaScript

performance

linux

Front-end data summary

The full PDF is free to share, just like it,Just click here and get it for free.

conclusion

  • When framework principles really dive into a specific piece of code and implementation, pay attention to the details, not just one framework.

  • Algorithm respect is very weak, had better brush more brush, otherwise affect your salary and success rate 😯

  • Before sending the resume, it is best to find people in the company through various channels to understand the business in advance, which can also help the decision of excellent offer in the later stage.

  • We should have the courage to say no. We are not satisfied with some offers or business. We should believe in ourselves and do not surrender because there is no better offer at present.

You like this article and forward support, your support is my biggest motivation!