2018 latest front-end interview questions one

This time we bring you the latest front-end interview questions in 2018. We know that interviews are an essential part of front-end work. This time, the common front-end interview questions are sorted and summarized to help you get through the front-end interview. Big trouble. , let’s take a look.

[Related recommendations: Front-end interview questions (2020)]

1. Can you describe the workflow when you create a web page?

Content analysis: Distinguish the hierarchy and logical relationships of content displayed on the network

Structural design: Write reasonable HTML structure code

Layout design: Use html+css Layout

Style design: First use reset.css

Interaction design: Mouse special effects

BehaviorDesign: js code, ajax page behavior and obtaining data from the server

Test compatibility; optimize performance.

2. If you have 5 different stylesheets, what is the best way to integrate them into the website?

Write the styles according to the class naming rules, like this Styles will not conflict. Common styles are extracted and merged, and non-public styles are picked out separately. Then just package and compress it. If each file is large, it needs to be loaded in modules.

3. Can you describe the difference between progressive enhancement and graceful degradation?

 .transition{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.transition{
transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}

Progressive enhancement: Targeted at lower version browsers Build the page to ensure the most basic functions, and then improve and add effects and additional functions for advanced browsers to achieve a better user experience. (Start with basic features supported by all browsers, and gradually add features that are only supported by modern browsers, adding additional styles and features to the page that are harmless to the base browser. When browsers support them, they will automatically Show and play a role.)

: GraceFul Degradation: Establish a complete function at the beginning, and then compatible with the low -version browser. (Websites work fine in all modern browsers. If the user is using an older browser, the code checks to see if they work properly. Due to IE's unique box model layout issues, Hacks for different versions of IE have been implemented to downgrade gracefully, adding candidates for browsers that cannot support functions, so that the experience can be downgraded in some form on older browsers without completely failing)

                                                                                                                                                                                                  Difference: Graceful degradation starts from the complex status quo and tries to reduce the supply of user experience, while progressive enhancement starts from a very basic and functional version and continues to expand to adapt to the needs of the future environment.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

Continuous integration of Jenkins+Node.js

Practical analysis of writing React component projects

The above is the detailed content of 2018 latest front-end interview questions one. For more information, please follow other related articles on the PHP Chinese website!