Compared with the traditional software engineer interview, the front-end engineer interview has a lower degree of examination of the algorithm and the computer background. Interviews usually focus on the intricacies of front-end basics, such as HTML, CSS, JS, etc. At the same time, we will focus on some application technologies according to the technology stack of each interview company, such as mini programs, react, vue, etc.
Tencent
The document is 281 pages in total, and the main contents are summarized: HTML, CSS, J**Ascript, HTTP, TCP protocol, browser, VUE, react, data structures and algorithms.html relatedHTML semantics.
canvas.
What is the difference between SVG and Canvas?
What's new in HTML5?
How to deal with browser compatibility issues with HTML5 new tags?
Let's talk about the title and alt attributes.
CSS related
How many options are there for centering an element horizontally and vertically?
What are the advantages of a floating layout? What are the drawbacks? What are the ways to clear floats?
What are the problems with using display:inline-block? The solution?
Layout question: The div is vertically centered, 10px left and right, and the height is always half the width.
Box model. How does CSS layout the characters?
j**ascript
What are the types of js raw data? What are the types of referenced data?
Is null an object? Why?
1'.Why can tostring() be called?
0.1+0.Why is 2 not equal to 03？
What is Bigint?Why do you need a bigint?
How do I create and use a Bigint?
Does typeof correctly determine the type?
Can instanceof determine the basic data type?
Can you manually implement the instanceof function?
object.What is the difference between is and ===?
= ![What is the result?] Why?
What are the types of castings in JS?
What's the difference between ===?
http related
What Is the HTTP Packet Structure?
What are the HTTP request methods?
What is the difference between get and post?
How do you understand a URI?
How do I understand HTTP status codes?
A brief overview of the features of HTTP? What are the disadvantages of HTTP?
What do you know about the accept family field?
TCP protocol
Can you tell us about the difference between TCP and UDP?
Tell us about the process of TCP three-way handshake?
Why three times instead of two, four?
Can I carry data during the 3rd handshake?
Let's talk about the process of TCP waving four times.
Why four waves instead of three?
Browser-related
Talking about browser caching?
Talking about your browser's local storage? What are the advantages and disadvantages of each?
Tell us what happened from entering the URL to the page rendering? (Network).
Talk about your understanding of redrawing and reshoring.
Can you talk about XSS attacks?
Why does HTTPS make data transfer more secure?
vue-related
What is MVVM?
What is the difference between MVVM and MVC? What is the difference between it and other frameworks (jquery)? Which scenarios are suitable?
Transferring values between components?
Vue two-way binding principle.
Describe the process of Vue from initializing the page -- modifying data -- refreshing the page UI?
Virtual DOM implementation principle.
React related
Distinguish between real and virtual DOMs
What is React?
What are the features of React?
List some of the main advantages of React.
What are the limitations of React?
What is JSX?
Data structures are algorithm-dependent
Linked lists] Simple reversal of linked lists.
Range reversal. Flip linked lists in groups of two.
Flip linked lists in groups of k.
How do I detect linked list formation loops?
Stacks and queues] are valid parentheses.
Multidimensional array flatten
Ordinary level traversal.
Zigzag hierarchical traversal of a binary tree.
Right view of the binary tree.
Binary tree] pre-order traversal middle order traversal post-order traversal.
Maximum Depth Minimum depth.
Symmetrical binary tree.
The nearest common ancestor of the binary tree.
The diameter of the binary tree.
Due to the limited space, part of the content is shown by screenshots, and it can be obtained by the private message "111" of the partner who needs to receive the front-end engineer interview manual.