Front-end interview package: Vue interview questions summary + JavaScript front-end classic interview questions + 100 CSS interview questions

Preface

When visiting the technology website, I saw a comment below an article. The benevolent sees the benevolent and the wise. I let it out separately because he talked about basics . The foundation is an important learning link. Many questions in the interview are not difficult. They are all based on the content. If you can't answer it, it depends on whether your foundation is solid. The interviewer will also know how you learned.

comment

Because of my strong interest in learning, I learned all the way from testing to java to the front-end, and now I am in an awkward situation where I know everything and have nothing to do with it. I gradually focused on the front-end because I liked the front-end interface. Guanghejing, a pair of contradictory and unified brothers, killed a lot of people in the front end. Some companies I interviewed said that you were not deep enough, and some said that you were too narrow. After chatting, I wanted to beat people.

I calmed down for a while, the front-end development should be based on the basics (three basics: html, js, css), because all the new front-end technologies are based on these three technologies and cannot be separated from them; others are based on these extensions Whether it is framework or technology, it can be broad. You need to be familiar with the commonly used ones, and understand the ones that cannot be practiced. You can usually do some small projects, or even set up a small project, and continue to use new technologies to realize this small project. The bottom layer is fine, the upper layer is wide, this is a solid front-end technical engineer.

For the front-end direction, to be honest, you can really dig deeper in any direction. When you do CSS, you can delve into many applications of CSS; doing html5 has countless needs. The premise is that your husband must survive and have standing capital before you can go your own direction. The reason why the great gods are free is because they have a basis for survival so that they can free up their hands to do interesting research.

The editor does not talk about the basics and how to learn it. I plan to write a detailed explanation later. At this time, I compiled 3 sets of interview questions for the three basic aspects of vue, js, and css. There are not many html questions in the interview. The comments from the friends who have not been organized but need it are told to the editor, and the editor will update it later.

Summary of Vue interview questions

vue-cli project

• What technologies have been built for the vue-cli project, and what are their functions?
• What are the commonly used npm commands for the vue-cli project?
• Please tell us the purpose of each folder and file in the vue-cli project
• Could you please introduce some of the configuration in package.json in detail

Vue core knowledge points

• Understanding that Vue is a progressive framework
• What are the two cores of vue.js?
• What is the difference between v-if and v-show
• Vue commonly used modifiers
• Can v-on monitor multiple methods?
• The role of key value in vue
• vue-cli project upgrade vue version
• How to use event object in vue event?
• Use of $nextTick
• Why must data in a Vue component be a function
• Priority of v-for and v-if
• The method of sub component calling parent component in vue
• The role of keep-alive components in vue

vue-router

• How does vue-router respond to changes in routing parameters?
• Complete vue-router navigation analysis process
• What kind of navigation hooks (navigation guards) does vue-router have?
• Several ways for vue-router to pass parameters
• How does vue-router define nested routing?
• <router-link></router-link> components and their attributes
• Vue-router implements routing lazy loading
• Two modes of vue-router routing
• History routing mode configuration and background configuration

UI style

• The role of the scoped attribute of the vue component
• How to make CSS only work in the current component?
• UI component libraries commonly used in vue
• How to adapt to the mobile terminal? 【Classic】
• Mobile media query
• Vue content is centered vertically and horizontally
• How vue-cli introduces pictures
• Common style problems on mobile
• Text beyond hidden

MVVM design pattern

• MVC, MVP and MVVM patterns
• The difference between MVC, MVP and MVVM
• The realization principle of MVVM
• Object.defineProperty() method
• Classes and objects defined in ES6
• Document fragmentation in JS
• Destructuring assignment
• Array.from
• Array.reduce()
• Recursive use
• Obj.keys() and Obj.defineProperty
• Vue project optimization, shorten the first screen loading time

There are also interview questions such as vuex, http requests, common functions, and common functions that are not listed. Vue , please click here to directly receive

JavaScript front-end classic interview questions

JS operating mechanism / single thread / asynchronous

• How to understand the single thread of js?
• Why is js single-threaded?
• What is the difference between synchronous and asynchronous? Give an example of synchronization and asynchronous respectively?
• When is asynchronous?
• What is a task queue?
• Please state the following values?
• The difference between stack and queue?
• The difference between stack and heap?
• What is event loop?
• event-loop process?
• Which statements will be put in the asynchronous task queue?
• When is it put into the task queue?

Built-in functions/built-in objects in JS

• What are the built-in functions/data encapsulation objects in js?
• What are the built-in objects in js?
• What types of js variables are classified into storage methods and describe their characteristics?
• String method / String object method?
• Array method / Array object method?
• Array API?
• Object API?

dom

• What kind of basic data structure is dom?
• What are the commonly used apis for dom operations?
• What is the difference between the attribute and property of the dom node?
• DOM structure operations/ How to add, remove, move, copy, create and find nodes/ Common APIs for dom operations?
• The level of the dom event?
• dom event model?
• dom event stream?
• Describe the specific process of dom event capture?
• Common applications of event objects?
• Custom event/simulation event?
• General event binding / write a general event listener function?
• The relationship between dom tree and render tree / difference between dom tree and render tree (Article 2 and 3)?

JS basics

• Understanding of js?
• Please tell the value output by the following code?
• Rewrite the following code to output 0-9 in turn
• How to distinguish between array objects, ordinary objects, and function objects
• Object-oriented, process-oriented
• Three basic characteristics of object-oriented
• What is the difference between XML and JSON?
• Web Worker and webSocket?
• Javascript garbage collection method?
• What exactly does the new operator do?
• What are the ways of js lazy loading?
• What are the ways for WEB applications to actively push data from the server to the client?

100 CSS interview questions

• Tell me about the standard CSS box model? What is the difference between the box model of the lower version of IE?
• What are the CSS selectors?
• What is the difference between a double colon and a single colon in ::before and :after? Explain the role of these two pseudo-elements.
• The difference between pseudo-classes and pseudo-elements
• Which properties in CSS can be inherited?
• How is the CSS priority algorithm calculated?
• About the explanation of the pseudo-type LVHA?
• What are the new pseudo-classes in CSS3?
• How to center the div?
• What are the values of display? Explain their role.
• What is the relative and absolute positioning origin of the position value?
• What are the new features of CSS3? (According to the project answer)
• Please explain CSS3 Flex box (flexible box layout model) and applicable scenarios?
• What is the principle of creating a triangle with pure CSS?
• How to design a full-screen word layout?
• How to achieve CSS multi-column equal height?
• What are the compatibility of frequently encountered browsers? The reason, what is the solution, and common hack techniques?
• What is the cause of the invisible blank space between li and li? What is the solution?
• Why initialize CSS styles?
• What is a containing block, and the understanding of containing blocks?

Concluding remarks

For space reasons, some of the questions listed in each interview question material, no matter if you need one or three of them, you need directly click here to get the vue, js, css question material 1609e6650a3af0. It is not difficult to learn the basic content, but it takes time to learn the basics well.