Front-end Interview Series: Total Collection

join us!

1611a05f2322e3 " , to provide front-end developers with technical information and a series of basic articles. For a better user experience, please move to our official website novices (1611a05f2322e9 https://xhs-rookies.com/ ) to learn and get the latest articles in time.

"Code tailor" , if you are interested in our article or want to make some suggestions, follow Mountain" , contact us, you can also watch it on WeChat Our article. Every suggestion or approval is a great encouragement to us!

Interview series are updated from time to time, please stay tuned

Preface

The autumn recruitment of 2021 is coming soon, and many small partners are also preparing for summer internships and autumn recruitment.

But I don't know what knowledge points will be tested in the interview, and I don't know how to prepare for the interview, which is very troublesome.

And different companies have different interview styles. Some companies prefer network content, some companies prefer JavaScript/ES6 , and some companies ask everything. The content is complex and the knowledge points are wide, which is a headache for small partners. Things.

To this end, we competed to be the vanguard, which lasted 62 days, interviewed 20+ companies, and finally won offer .

We sorted out our interview experience and prepared a set of interview questions, including all aspects involved in the interview. In addition, we will also set up special topics to explain, analyze and summarize those important and difficult items to help you further consolidate your knowledge.

Finally, I wish you all the offer !

Summary

We classified and summarized the interview questions of 20+ companies this time. Sort out the following major modules:

• JavaScript/ES6
• HTML+CSS
• Frame related ( react , vue etc.)
• Network and storage
• Basic knowledge of browser/computer
• Handwritten program questions/algorithm questions

The above modules have more than 10-20 interview questions. In addition, we will separately analyze key topics and difficult knowledge points to sort out the logic and clarify the content for everyone.

We will analyze the topics of these modules in the following articles, so stay tuned!

List of questions

JavaScript/ES6：

JavaScript/ES6
The difference between const and let
What are the basic data types
How to judge the basic data type
What is returned by typeof null and why
Closures and the usage of closures
What are the traversal methods
for..in for..of The difference between the two
What are the new features of ES6
The difference between arrow functions and ordinary functions.
What is the prototype chain
How to use Promise
What is the principle of Promise

HTML/CSS：

html+css
How to use several properties of flex layout.
What is more of css3 compared to css2
What is BFC
Layout design: fixed at the top, scrolling the page at the bottom
How to display a picture of variable size in a box (no flashing)
Please explain what are the classifications of Html layout elements? Describe the application scenarios of each layout element
The difference between Html tag b and strong
Tell me about the way to reduce the number of Dom? How to optimize loading a large number of doms at once
What are the new features of Html5? How to deal with the browser compatibility issues of the new tab?
a. What can you do to achieve the jump after the label is disabled at the default time?
What does the meta element have

Framework (react, vue)

frame
Virtual DOM (what is virtual DOM, why does it appear, what is it used for, and which frameworks have it?)
The realization principle of two-way binding and how it is realized in vue
diff algorithm in react
The difference between react and vue
Redux thought and use in react
React commonly used life cycle and its execution order
What is the role of react hooks
What does react router do and how do you use it
The difference between class components and function components in react
Understanding and differences between redux and vuex

Network and storage

Network Storage
What is an HTTP request
What is cross-domain
Which methods are there to solve cross-domain, their advantages and disadvantages?
jsonp solves the principle and existing problems of cross-domain problems
The difference between http2 and http1
The difference between HTTPS and HTTP
What is the difference between GET and POST
Cache mechanism in HTTP
Network request status code
What are the parts of the OSI/TCP model
What did axios actually do
How to solve the cross-domain problem of localstroage
The difference between cookie, localstroage, sessionstroage

Basic knowledge of browser/computer

Basic knowledge of browser/computer
The difference between process and thread
Why JS should be set to single thread
CPU process scheduling
Devops agile development
CI/CD automatic integration
Business development model SASS, PASS
Proxy forwarding, proxy caching, server load balancing
Browser event loop
When to trigger the browser's event loop
The difference between async and defer loading of Script

Handwritten program questions/algorithm questions

Handwritten program questions/algorithm questions
Program output topic: the property problem between the constructor and the instance object
Program programming questions: flat, flatten the array, realize the effect of flattening the array by yourself
Programming problem: Realize promise all by yourself
Program programming problem: implement reducer by yourself
Programming problem: URL parsing into objects
Programming problem: use settimeout to write a setinterval
Algorithmic question: the problem of the largest substring without repeated characters
Algorithmic problem: traversing the front, middle and back of the binary tree
Algorithm problem: maze problem
Algorithm question: handwritten bubble sort
Algorithmic problem: the inversion of an incomplete binary tree

Preview of the next section

In the next section, we will bring you the JavaScript / ES6 questions of 0611a05f232c32, so stay tuned!