Front-End Interview Booklet
It has been carefully sorted out for many days, the pdf reading is very good, you can see the screenshots, covering , , ,
git
,HTTP
,Vue
,React
,组件库
,HTML
,JS
,CSS
andWebpack
otherNode
fields, super attentive
nodejs
- Interviewer: Tell me about the priority of Node file search and the file search strategy of the Require method?
- Interviewer: Tell me about your understanding of process in Node? What are the common methods?
- Interviewer: How to monitor and optimize Node performance?
- Interviewer: If you were asked to design a paging function, how would you design it? How do the front and back ends interact?
- Interviewer: Tell me about your understanding of Node.js? Advantages and disadvantages? Application scenario?
- Interviewer: Tell me about your understanding of the concept of middleware, how to encapsulate node middleware?
- Interviewer: How to implement the jwt authentication mechanism? tell me your thoughts
- Interviewer: Tell me about the global objects in Node.js?
- Interviewer: Tell me about your understanding of the fs module in Node? What are the common methods?
- Interviewer: How to implement file upload? tell me your thoughts
- Interviewer: Tell me about your understanding of the event loop mechanism in Nodejs?
- Interviewer: Tell me about your understanding of Stream in Node? Application scenario?
- Interviewer: Tell me about EventEmitter in Node? How to implement an EventEmitter?
- Interviewer: Tell me about your understanding of Buffer in Node? Application scenario?
HTTP
- Interviewer: Tell me what are the common HTTP status codes and the applicable scenarios?
- Interviewer: Tell me what are the common HTTP request headers? What are their functions?
- Interviewer: Tell me why TCP needs three handshakes and four waves?
- Interviewer: Tell me what happened after entering the URL in the address bar and pressing Enter?
- Interviewer: Tell me about your understanding of WebSocket? Application scenario?
- Interviewer: How to understand UDP and TCP? The difference? Application scenarios?
- Interviewer: How to understand the TCP/IP protocol?
- Interviewer: How to understand the OSI seven-layer model?
- Interviewer: What is HTTP? What is the difference between HTTP and HTTPS?
- Interviewer: Why is HTTPS more secure than HTTP? How does HTTPS ensure security?
- Interviewer: Tell me the difference between GET and POST?
- Interviewer: What is the DNS protocol? Tell me about the complete DNS query process?
- Interviewer: How to understand CDN? Talk about the realization principle?
- Interviewer: Tell me about the difference between HTTP1.0/1.1/2.0?
webpack
- Interviewer: Tell me about your understanding of webpack? What problem did it solve?
- Interviewer: Tell me about the working principle of webpack proxy? Why can cross-domain be solved?
- Interviewer: Tell me how to use webpack to optimize front-end performance?
- Interviewer: How to improve the build speed of webpack?
- Interviewer: Tell me about the construction process of webpack?
- Interviewer: What other tools are similar to webpack? the difference?
- Interviewer: Tell me about the common Plugins in webpack? What problem did it solve?
- Interviewer: Tell me about the difference between Loader and Plugin? How to write Loader and Plugin?
- Interviewer: Tell me about the common Loader in webpack? What problem did it solve?
- Interviewer: Tell me how the hot update of webpack is done? What is the principle?
react
- Interviewer: What is the difference between super() and super(props)?
- Interviewer: Tell me about the common problems you encountered while using React? How to solve?
- Interviewer: What is the difference between state and props?
- Interviewer: Talk about the setState execution mechanism in React
- Interviewer: Tell me how to do React server-side rendering? What is the principle?
- Interviewer: Tell me about the principle of the React render method? When will it be triggered?
- Tell me about your understanding of Redux? How it works?
- Interviewer: Tell me what are the different phases of the React lifecycle? What is the method corresponding to each stage?
- Interviewer: What is the function of key in React?
- Interviewer: Tell me how you improved the rendering efficiency of components? How to avoid unnecessary render in React?
- Interviewer: What are the ways to introduce css into react? the difference?
- Interviewer: Tell me about your understanding of immutable? How to apply it in react project?
- Interviewer: How do you use Redux in the React project? How is the project structure divided?
- Interviewer: Tell me about the principle of React diff?
- Interviewer: Tell me about your understanding of controlled and uncontrolled components? Application scenario?
- Interviewer: How do components communicate with each other in React?
- Interviewer: Tell me about your understanding of class components and function components in React? What's the difference?
- Interviewer: Tell me how you catch errors in React projects?
- Interviewer: How to realize the transition animation between components in react?
- Interviewer: Tell me about the event mechanism of React?
- Interviewer: Tell me about your understanding of Redux middleware? What are the commonly used middleware? Implementation principle?
- Interviewer: Tell me about the difference between Real DOM and Virtual DOM? Advantages and disadvantages?
- Interviewer: Tell me about your understanding of React? What are the characteristics?
- Interviewer: Tell me about your understanding of React refs? Application scenario?
- Interviewer: Tell me about your understanding of React Router? What are the commonly used Router components?
- Interviewer: How many modes does React Router have? Implementation principle?
- Interviewer: Tell me about your understanding of React Hooks? What problem did it solve?
- Interviewer: Tell me about the process of converting React Jsx into real DOM?
- Interviewer: What are the means of React performance optimization?
- Interviewer: Tell me about your understanding of high-level components? Application scenario?
- Interviewer: Tell me about your understanding of the Fiber architecture? What problem did it solve?
- Interviewer: What are the ways of building components in React? the difference?
- Interviewer: What are the methods of React event binding? the difference?
view 3
- Interviewer: Tell me about the Treeshaking feature in Vue 3.0? Give an example?
- Interviewer: Why use Proxy API instead of defineProperty API in Vue3.0?
- Interviewer: What are the main aspects of the performance improvement of Vue3.0?
- Interviewer: Have you written components with Vue3.0? If you want to implement a Modal, how would you design it?
- Interviewer: What is the design goal of Vue3.0? What optimizations have been made
- Interviewer: What is the difference between the Composition Api used by Vue3.0 and the Options Api used by Vue2.x?
vue
- Interviewer: Have you ever understood vue3? Can you tell me the difference with vue2?
- Interviewer: Have you ever used Vue? Talk about your understanding of vue
- Interviewer: What is virtual DOM? How to implement a virtual DOM? tell me your thoughts
- Interviewer: Tell me about the directory structure of your Vue project. If it is a large-scale project, how should you divide the structure and components?
- Interviewer: What problem does SSR solve? Have you ever done SSR? How do you do it?
- Interviewer: What is your understanding of SPA single page, what are its advantages and disadvantages? How to implement SPA application
- Interviewer: Tell me about your understanding of slots? What are the usage scenarios of slots?
- Interviewer: What is the difference between v-show and v-if? What are the usage scenarios?
- Interviewer: How should vue do permission management? What if the permissions are controlled to the button level?
- Interviewer: Have you ever heard of Vue.observable? Tell me
- Interviewer: What is the function of $nextTick in Vue?
- Interviewer: The process of Vue instance mounting
- Interviewer: What are the commonly used modifiers of Vue and what are their application scenarios?
- Interviewer: Tell me about your understanding of Vue's mixin. What are the application scenarios?
- Interviewer: Please describe your understanding of the vue life cycle? What is the difference between requesting data in the created and mounted life cycles?
- Interviewer: Do you know the principle of key in Vue? talk about your understanding of it
- Interviewer: Tell me what is your understanding of keep-alive?
- Interviewer: What is the priority of v-if and v-for?
- Interviewer: How to solve the slow loading speed of the first screen of SPA?
- Interviewer: Do you understand the filters in Vue? What are the application scenarios of filters?
- Interviewer: How do you deal with errors in the Vue project?
- Interviewer: Have you ever written a custom directive? What are the application scenarios of custom commands?
- Interviewer: Do you understand Vue's diff algorithm? Tell me
- Interviewer: What happens when you dynamically add a new attribute to Vue's data? How to solve it?
- Interviewer: Why is the data attribute a function instead of an object?
- Interviewer: How do you solve cross-domain in the Vue project?
- Interviewer: What is the difference between components and plugins in Vue?
- Interviewer: What are the communication methods between Vue components?
- Interviewer: What is two-way data binding
- Interviewer: Do you understand the principle of axios? Have you seen its source code?
- Interviewer: Has axios been packaged in the Vue project? What is the main package?
- Interviewer: What is the reason for reporting 404 after the local development of the Vue project is completed and deployed to the server?
TypeScript
- Interviewer: Tell me about your knowledge of TypeScript?
- Interviewer: TS Practical Poker Sorting
- Interviewer: Type
- Interviewer: Enums and Generics
- Interviewer: Interfaces and Classes
- Interviewer: Namespaces and Modules
- Interviewer: Function
- Interviewer: Advanced Type
- Interviewer: Interpretation of TSConfig
- Interviewer: Decorators and Reflection Metadata
- Interviewer: Type Compatibility: Structural Type
- Interviewer: Type System Hierarchy
- Interviewer: type inference
- Interviewer: Type Guard
- Interviewer: Generics and Type Gymnastics
- Interviewer: Extended Type Definitions
- Interviewer: Type compatibility: covariance and contravariance
JavaScript
- Interviewer: requestAnimationFrame: a powerful tool for optimizing animation and rendering
- Interviewer: Javascript data types and type conversion
- Interviewer: JavaScript event flow: In-depth understanding of event processing and propagation mechanism
- Interviewer: Execution Context and Closures
- Interviewer: JavaScript Arrays
- Interviewer: JavaScript Objects
- Interviewer: function context and the this keyword
- Interviewer: Scope and scope chain
- Interviewer: Coding in JavaScript
- Interviewer: Prototypes and the Prototype Chain
- Interviewer: The ultimate solution to asynchrony: async/await
- Interviewer: Implement Promise that conforms to the Promise/A+ specification
- Interviewer: Asynchronous Programming and Promises in JS
- Interviewer: Generator function in JavaScript and its application in implementing Async/Await
- Interviewer: Front-end cross-page communication: realize data transfer and interaction between pages
- Interviewer: Object-Oriented Programming and Class
- Interviewer: Explain Cookie, Session, SessionStorage, LocalStorage in detail
- Interviewer: JavaScript Decorators: Simplify Code, Enhance Functionality
- Interviewer: In-depth understanding of Proxy
- Interviewer: Date class: date and time processing