Front-end interview, if you don't even master the front-end basics, can the interview be successful?

Preface

Basic knowledge must be asked on the front-end side. If you overturn in the basic knowledge, no matter how good your framework is, it will not help, because the other party will not give you the opportunity to show it again. Don't miss your favorite because of the basics. the company.

(This article may only be suitable for classmates who have just graduated or friends within 2 years of graduation, please read it as appropriate~~~)

Interview preparation

1) Prepare interview resume:

Basic personal information: such as name, age, contact number, email address, major, school, etc.
Work experience: including working hours, company, position, responsibilities, technology stack, outstanding performance, etc.
Understanding and mastering the job: Explain whether each skill point is the level of understanding, familiarity, proficiency, or proficiency. Accurately locate the job requirements of the candidate position.
Others: technical blogs, open source projects, GitHub, etc. (If you have the habit of blogging, putting your blog address is a very good bonus item)

2) Review of knowledge points

Front-end knowledge points study notes
Front-end common interview questions finishing
Targeted review of previous interview questions of the applicant company
Summarizing and reviewing past interview experience and learning lessons

3) Adjust your mentality
. Overconfidence and extreme low self-esteem will not bring good results to the interview. Only by clearing your goals and preparing actively can you be more likely to get an offer. Even if the interview fails, don't be discouraged. Instead, learn from the experience of failure. Every interview failure may be the basis for your next interview success.

Basic interview questions

HTML

1. How do you understand the semantics of HTML structure
? 2. Talk about title and alt attributes
3. What are the new features of Html5 and which elements have been removed?
4. What is the role of Label? How is it used?
5. How does the browser manage and load the offline storage resources of Html5?
6. What are the disadvantages of iframe?
7, HTML W3C standard
8, Doctype role? How to distinguish between strict mode and mixed mode? What are their significance?
9. What are the global attributes of HTML ?
10, the content attribute of viewport is used for
11, meta is related to
12, what are the advantages of div+css layout over table layout?
13, briefly describe the difference between src and href
14. What are the picture formats used in web page creation
? How to embed audio and video in HTML5 pages?

CSS

1. The method of horizontal centering 2. The method
of vertical centering
3. The difference between link and @import
4. Three-column layout (fixed in the middle and adaptive width on both sides)
5. What is the use of BFC
6. Several ways to clear floating
7. CSS3 What are the new features
8, css3 new pseudo-class-pseudo element
9, why initialize CSS style
10, IE box model, W3C box model
11, please explain CSS3 Flexbox (flexible box layout model), and applicable scenarios
12, When will display:inline-block not show the gap?
13. Does the inline element become a block-level element after float:left?
14. If you need to write animation manually, how long do you think the minimum time interval is and why?
15. When will display:inline-block show the gap?
16. CSS weight, calculation rule
17. What are Sass and LESS? Why should everyone use them?
18.
What is the difference between stylus, sass, and less? 19. What is the difference between rgba() and opacity in transparency?
20, the difference between px and em
21, use css to achieve a continuous animation effect
22, rearrangement and redraw
23, what will trigger rearrangement and redraw?

JavaScript

1. Talk about the basic specifications of JavaScript
2. Closure
3, variable object
4, scope
5, talk about your understanding of scope chain
6, JavaScript prototype, prototype chain? What are the characteristics?
7. What is event delegation
8. Class creation
9. How to implement inheritance?
10, talk about the understanding of This object
11, event model
12, what exactly does the new operator do?
13, Ajax principle
14, Ajax solves the browser cache problem
15, how to solve the cross-domain problem?
16, talk about your AMD The understanding of Commonjs and Commonjs
17, the 7 basic data types of
js, 18, what are the built-in objects of js
, 19, what methods does JS have to define objects
20, what do you think are the good places to write the jQuery source code
21, the difference between null and undefined
22 , Talk about your understanding of ES6
23, object-oriented programming ideas
24, how to judge an array
25 through JS , the implementation of asynchronous programming
26, understand the direction of native Javascript
27, sort quickly disrupt the array
28, array deduplication
29 , JS native drag and drop node
30, deep copy, shallow copy
31, throttling and anti-shake
32, variable promotion
33, garbage collection mechanism in JS
34. How to understand front-end modularization
35, js single thread
36, talk about event loop
37, describe this
38, the difference between ajax, axios, and fetch

Browser

1. What are the storage methods of the
browser ? 2. The understanding of the browser kernel
3. The HTTP request method scenario
4. HTTP status code
5. What happens after the URL is entered from the browser address bar?
6, can you talk about the advantages and disadvantages
of cookies 7, the difference between cookies, sessionStorage and localStorage
8, browser caching
9, browser rendering steps
10, the difference between GET and POST requests
11, what is reflow
12, and when will it cause Does reflow happen?
13. Reduce the impact of reflow on performance

Performance optimization

1. SEO optimization
2, server optimization
3, css optimization
4, js aspect
5, webpack optimization point
6, loading optimization
7, page rendering optimization
8, image optimization
9, script optimization
10, why use multiple domain names to store website resources More effective?

Space is limited. If you need interview questions, you can click here to get the full PDF version of "Front-end Basic Interview Questions" and "350-page Front-end School Recruitment Interview Questions Compilation and Analysis" for free (including questions and analysis).