Suddenly, it’s the end of the year again. At this time, we all slowly reflect on what we have done this year. What’s the progress? Have you fulfilled your plans at the beginning of the year? Are you ready to jump ship early next year?
Moreover, in 2020, we experienced the baptism of COVID-19, and many programmers experienced the panic of losing their jobs and looking for jobs. As a result, the Internet environment this year is too bad, so I need to have enough knowledge to cope with the cold wind.
Here’s how to prepare for an interview.
I. Resume:
Your resume is your ticket to an interview. If you can’t pass the first screening, there’s nothing else to do. So resume must write well, do not appear wrong words or sentences, especially do not write professional nouns wrong. If you can, ask a teacher or classmate to look over your resume and make a good first impression.
Second, basic technical knowledge
Basic knowledge has always been the focus of investigation, including HTML (5), CSS (3), JavaScript, Vue, React, and so on.
The basics are not just about knowing what it is, but how to use it and why. Rote memorization will get you by for a while, but it won’t if you meet an interviewer who wants to have a deeper conversation. So each knowledge point should understand thoroughly, speak clearly.
Prepare for every interview in advance. Here are some common interview tips to prepare for
HTML (5) :
1) What are the new features of H5?
2) What is the function of Label? How does it work?
3) How to turn off auto-complete in HTML5 form
4) Do not use border to draw 1px high line, in different browsers in standard mode and weird mode can maintain the same effect
5) What is the difference between title and H1, B and strong, I and EM?
6) There is a very important thing at the beginning of every HTML file, Doctype.
7) What are the similarities and differences between IMG Alt and title? The similarities and differences between strong and EM?
8) What is the difference between SRC and href?
9) What picture formats do you know the web page will use?
10) How do you understand the semantics of HTML structures?
11) What are the new features and elements removed from HTML5?
12) How to deal with the browser compatibility of HTML5 new tags
13).
CSS:
1) CSS box model
(1) Basic concepts of CSS box model?
(2) The difference between the standard model and IE model: how to calculate the height and width, and how to calculate the height and width?
(3) How does JS set the width and height corresponding to the box model?
(4)…
2) BFC (Margin overlap solution)
(1) Basic concepts of BFC?
(2) BFC principle/BFC rendering rules?
(3) How to create a BFC?
(4) The application scenarios of BFC?
3) The CSS floats
(1) How does the CSS float?
(2) Floating elements cause problems?
(3) how to clear the floating CSS?
4) CSS classic layout
(1) Three-column layout: left and right 300px each, adaptive in the middle?
(2) Layout of the Holy Grail
(3) Double flying wing layout
(4) CSS horizontal, vertical middle writing method, please write at least 4?
5) CSS compatibility
(1) What are the common problems with CSS compatibility? How is it solved?
6) hack
(1) What is CSS hack?
(2) the principle of CSS hack?
(3) CSS hack classification?
(4) CSS hack writing order?
7)…
Due to the limited space, not all interview questions are listed, all interview questions including HTML interview summary, CSS interview summary, JavaScript interview summary, Vue interview summary, React interview summary and so on interview questions are organized into PDF documents, you can click here, free of charge!!
JavaScript:
1) Prototype chain
(1) How many ways are there to create objects?
(2) The principle of Instanceof?
2) class
(1) Class declaration?
(2) Generate instance? Declare a class, how to generate an instance of the class?
3) inheritance
(1) Common points and differences between Call and apply?
(2) How to use javascript to implement object inheritance/inheritance? What are the advantages and disadvantages of these methods?
4) Scope
(1) What is your understanding of scope chains?
(2) This?
(3)…
5) closure
(1) Features of closures?
(2) Closure application scenarios?
(3) The application of closures in actual development?
(4)…
6) Running mechanism/single thread/asynchronous
(1) How to understand js single thread?
(2) Why is JS single threaded?
(3) What is the difference between synchronous and asynchronous? What is an example of synchronous and asynchronous?
(4) When is asynchrony needed?
(5) What is task queue?
(6) The difference between stack and queue?
(7) The difference between stack and heap?
(8)……
7) Data type
(1) what types of js can be obtained using Typeof?
(2) How to determine exactly if a variable is an array type?
(3) What types are JS variables divided into according to the storage mode, and describe their characteristics?
(4) Null and undefined difference?
(5) The typical use of undefined?
(6) The typical use of null?
(7)……
8) Built-in functions/built-in objects
(1) What built-in functions/data encapsulate class objects in JS?
(2) What are the built-in objects in JS?
(3) What types are JS variables divided into according to the storage mode, and describe their characteristics?
(4) String method/String object method?
(5) Array method/Array object method
(6)…
9) Array deduplication
(1) How to deduplicate the array? (method)
(2) Compare the speed of the above array deduplication methods? (performance)
(3) Sentence array deduplicating?
(4) Keep non-repeating elements in array?
10) Logical judgment
11) Memory leak
(1) Which operations will cause memory leaks?
(2) The solution of JS memory leakage
12) the dom
(1) What basic data structure is DOM?
(2) What are the commonly used apis for DOM manipulation?
(3) What is the difference between attribute and property of DOM node?
(4) DOM structure operations/how to add, remove, move, copy, create and find nodes/DOM operations
(5) Commonly used APIS?
(6) Dom event level?
(7) DOM event model?
(8) DOM event flow?
(9)…
13) communication
(1) What are same-origin policies and restrictions?
(2) How to communicate with the front and back ends?
(3) How many ways to communicate across domains?
(4)…
14) ajax
(1) Ajax request principle, write an Ajax request?
(2) readyState?
(3) What is the difference between Ajax asynchrony and synchronization?
(4)…
15)…
Due to the limited space, not all interview questions are listed, all interview questions including HTML interview summary, CSS interview summary, JavaScript interview summary, Vue interview summary, React interview summary and so on interview questions are organized into PDF documents, you can click here, free of charge!!
Vue:
1) VUE-CLI project
(1) What technologies are used in vue-CLI project and what are their functions?
(2) What are the common NPM commands of VUE-CLI project?
(3) Please name the use of each folder and file in vue-CLI project
(4) Configuration of project development environment and production environment in index.js under config folder
(5) Please explain some configuration in package.json in detail
2) VUE core knowledge points
(1) Understanding that Vue is a set of progressive frameworks
(2) What are the two cores of vue.js?
(3) What is the difference between V-IF and V-show
(4) Modifiers commonly used by Vue
(5) Can V-ON monitor multiple methods?
(6) The role of key value in VUE
(7) How to use event object in VUE event?
(8) Use of $nextTick
(9) Why must data in Vue component be a function
(10) Priority of V-for and V-IF
(11) Method of vUE neutron component calling parent component
(12) The role of keep-alive component in VUE
(13) What is the VUE lifecycle?
(14) What are the vUE lifecycle hook functions?
(15) How does VUE listen to keys in keyboard events?
(16) VUE update array trigger view update method
(17) Solve the flashing problem of initialization page of non-engineering projects
(18) The use of components in the V-model syntax sugar
(19)……
3) the vue – the router
(1) How does vue-Router respond to changes in routing parameters?
(2) Complete vue-Router navigation parsing process
(3) What kinds of navigation hooks (navigation guards) does vue-Router have?
(4) Several ways of vue-router transmitting parameters
(5)……
4) vuex
(1) What is Vuex?
(2) Use the core concepts of VUex
(3) The use of VUEX in VUE-CLI
(4) Use vuex in VUE to modify the value of state
(5)……
5) HTTP request
(1) What is the Promise object?
(2) What is the difference between Axios, FETCH and Ajax?
(3)…
6) UI style
(1). The role of the scoped attribute of the vue component
(2) How to make CSS work only in the current component?
(3) UI component library commonly used in VUE
(4) How to adapt to mobile terminal? “Classic”
(5)……
7) MVVM design pattern
(1) MVC, MVP and MVVM mode
(2) the MVP
(3) The realization principle of MVVM
(4) Object.defineProperty(
(5)……
8)…
React
1) Basic knowledge
(1) What is React?
(2) What is special about React?
(3) List some major advantages of React.
(4) What are the restrictions on React?
(5) What is JSX?
(6)…
2) React component
(1) You understand the phrase “In React, everything is a component.”
React render()
(3) How to embed two or more components into a component?
(4) What is the state in React? How is it used?
(5) Distinguish between props and states
(6) How to update the status of the component?
(7) What is the arrow function in React? How does it work?
(8) Distinguish between stateful and stateless components.
(9) What are the phases of the React component lifecycle?
(10) Explain the React component lifecycle method in detail.
(11) What are events in React?
How do I create an event in React?
(13) What are synthetic events in React?
(14) What do you know about React refs?
(15)…
3) the React Redux
(1) What are the main problems with the MVC framework?
(2) Explain Flux
(3) What is Redux?
(4) What are the three principles Redux follows?
(5) List components of Redux
(6)…
4) React Routing
(1) What is the React route?
React Router V4 uses the switch keyword.
(3) Why is routing in React needed?
(4)…
Due to the limited space, not all interview questions are listed, all interview questions including HTML interview summary, CSS interview summary, JavaScript interview summary, Vue interview summary, React interview summary and so on interview questions are organized into PDF documents, you can click here, free of charge!!
Third, project experience
In the interview, project experience is very important as an important reference standard for ability assessment. For the basic knowledge of the interview, the project experience interview more to examine your actual development ability, need to be able to speak their actual combat understanding and give specific implementation plan.
Generally will ask some technical implementation skills, may let you use code to achieve, generally clear ideas can be, can also write pseudo-code to reflect. Generally can express clearly, evaluation is not too low.
Questions to be examined include but are not limited to: The project development process, technical structure, the project you did well, the role you played in the project, the gains in the project, two points in the project, the difficulties encountered in the project, and the technology stack listed in the resume, how do you understand? What would you do if you applied implementation, component design and implementation, compatibility issues, underlying principles, performance optimization, engineering, front-end learning planning, algorithms
Conclusion:
To sum up, interview success = basic knowledge + project experience + presentation skills + luck. We can’t control our luck, but we can spend more time elsewhere, preparing for everything in advance.
On the one hand, interview is for finding a job, promotion and salary increase, on the other hand, it is also for the examination of self-ability. The success of the interview is not only from cramming before the interview, but also from continuous accumulation and persistence in daily study and work, so as to accumulate, practice and summarize every knowledge point, every project development and every difficult knowledge encountered.