HTML5 Front End Interview FAQ Summary

Foundation strengthening chapter

• Talk about front-end storage.

• BFC

Front-End Engineering Chapter

• Scene: You are the first day to work in the company, Project code hosted in Gitlab, project address: [Email protected]:org/project.git, now there is a code you need to modify. Please complete the procedure in this task, related to Git/gitlab.

• Css,js code compression, as well as code CDN hosting, Picture integration

• How to use Webpack to upload code to server and transcoding test?

• What is the project's on-line process?

• How is engineering managed?

• Common git commands

• Webpack and Gulp Compare Webpack packing file too big what to do?

• Do not want to let others steal your pictures, access to your server resources how to deal with it?

• How does the sprite diagram and base64 choose?

• Webpack how to introduce a third-party library?

• What happens if a bug is on the line git?

• Have you ever used Nginx? What have you used?

Mobile-side layout and adaptation chapter

• Iscroll Android Low version of the stutter, how to solve?

• Several ways to adapt a mobile layout to different screens

• What is the usual way to fit different screen sizes on the mobile side?

• Mobile-screen adaptation?

• What browser do you usually test on mobile?

• How does the mobile end debug?

• Tell me how Iconfont is used.

• Talk about mobile web resolution

Performance and Efficiency Chapter

• How do you usually measure the performance and efficiency of the front-end code you write.

• How to optimize pages and speed up page loading (at least 5)

• How to ensure that multiple people develop a memory leak check (Memory analysis tool)

• How is the front-end performance tuned?

• How many browser HTTP requests are resolved?

Web Security Chapter

• The Web attack technology you've learned

• How do I prevent XSS attacks?

• Is there any encryption algorithm used in the project?

• Talk about segmented transmission and rendering of web pages

• Baidu Mobile Home Second Open is how to do?

• How does front-end speed statistics (performance statistics) work?

Architecture Chapter

• How would you manage all the CSS, JS files, and pictures if you were to make a large website with high traffic?

• If there is no frame, how to build your project

• Where to start when choosing a frame

• Have a chat. Front-end templates and rendering

Mixed Development Chapter

• What is the interaction between UIWebView and JavaScript?

• How is the hybrid development bridging API called and need to be introduced into a class library? What is the calling object?

• Say something about your understanding of payment, push (remote, local)

• What are agents and notifications, write about their basic implementation side

• The life cycle of Uiviewcontroller

• rem Layout font too large how to handle?

• How do I invoke the native interface?

• How do I pay? Talk about the process.

• Note Points for mixed development

• Tell me about your understanding of the installation package suffix of the mobile platform.

• Talk about your understanding of socket programming, and how it works, how the sockets communicate

• What are the ways Web applications proactively push data from the server to the client?

• Describe the scenario for node. js?

• What is HTTPS and what to do with it? How do I turn on HTTPS?

• How did your original company send the new message push?

• How to build the middle layer with Nodejs?

Component Design Chapter

• Implement a gesture slide Carousel diagram component.

• Design an event binding mechanism based on the observer pattern

• What plugins has the JQ extended itself?

• How does the side-slip menu be implemented?

• How is rights management implemented?

• A large array, there may be 1 million numbers, to take out from which the second largest number of subscript, what Quick Method?

Unit Test Chapter

• How individual components test performance

React article

• Redux Middleware

• What are the shortcomings of redux

• React components Division of Business components technology components?

• React life cycle functions

• What is the periodic function of react performance optimization?

• Why does virtual DOM improve performance?

• Diff algorithm?

• React Performance Optimization Scheme

• What scaffolding was used in the React project? Mern? Yeoman?

Vue.js article

• What is the comparison between Vue and react, and how to choose? Comparison of performance, ecosystem, data volume, data transfer

• What does the Vue slot do?

• The pros and cons of Vue and angular and where to apply?

• The Vue routing implementation principle?

• Is your Vue project packaged with a JS file, a CSS file, or multiple files?

• How did Vue handle the pit?

• The principle of two-way binding of Vue, and the contrast of angular

• VUE-CLI, Scaffolding

• Vue inside the Router-link on the computer useful, on the android did not respond how to solve?

Source: Qian Feng HTML5

HTML5 Front End Interview FAQ Summary