Share a web front-end development engineer Face Test!!!

Today in the Q group to see such a face test! This technical question is also possible. Only around the HTML, CSS, JS the three front-end necessary technology, other more knowledge is not mentioned. You've done the right thing, it doesn't mean anything. But you can not answer, that means a lot of ...

[HTML && CSS]
1.Doctype? Strict and promiscuous modes-how do you trigger these two patterns to differentiate between them?

The DOCTYPE declaration indicates which document type definition (DOC type DEFINITIONDTD) will be used to write the markup, and the DTD is basically a page that describes the rules and syntax of the tag in detail.

DOCTYPE has two important uses, one that will remind the user agent and validator what DTD the document uses, and the other is to remind the browser to interpret the document in standard mode rather than in a weird mode. If DOCTYPE is included, then the browser will attempt to interpret the tag in a strict way, and if there is no DOCTYPE, it will trigger the weird pattern, explaining the tag in the old, incorrect way.

2: What are the inline elements? What are block-level elements? CSS box model?

Inline elements:<a> <input ><span>

Block-level element:<p>

Box model: Width border padding margin

What are the ways 3.CSS is introduced? What is the difference between link and @import?

Out-of-the-box: <link href= "url" rel= "stylesheet" tyle= "Text/css" >

Inline type: <scripttype= "Text/css" ></script>

Embedded: <input type= "" style= "" >

What are the 4.CSS selectors? Which properties can be inherited? How is the priority algorithm calculated? What is the high priority of inline and important?
5: What are the three layers of the front page? What is the role?

Structural layer, presentation layer, behavior layer
What is the basic statement composition of 6:CSS?
8: In which browser did you make the page? What are the cores of these browsers? What are the compatibility of browsers that are often encountered? How did it show up? What is the workaround?
9. How do I center a floating element?
10. Have you paid attention to HTML5 and CSS3? Please simply say something you know about them!
11. How do you achieve the following design diagram, the main ideas (omitted)
13: How would you manage all CSS files, JS, and images if you were to make a large website with high traffic?
14: How do you understand the position of the front-end interface engineer? What is the future of it?

[Javascript]
1:js is what, JS and HTML development How to combine?

2. How to add, remove, move, copy, create, and find nodes
3. How to use events and what are the main differences between the IE and DOM event models
4. Object-Oriented Programming: B How to inherit a
5. See what the results of the alert below are
View Sourceprint?1.function B (x, Y, a) {
. arguments[2] = 10;
. alert (a);
}
B (1, 2, 3);
If the function is modified to the following, what will the result be?
A = 10;
Alert (arguments[2]);

6. Write a JavaScript function, parsequerystring, whose purpose is to parse the URL parameter into an object
var obj = parsequerystring (URL);
Alert (OBJ.KEY0)//Output 0

What is 7.ajax? The interaction model of Ajax? What is the difference between synchronous and asynchronous? How do I troubleshoot cross-domain issues?

8. What is a closure? Below this UL, how to click on each column when alert its index?
<ul id= "Test" >
<li> This is the first </li><li> this is the second one </li><li> this is the third one </li>
</ul>

9. What is a recent JavaScript article?

10. What are the commonly used libraries? Common front-end development tools? What applications or components have been developed?

11. Talk about YSlow (can be detailed in a bit)

Share a web front-end development engineer Face Test!!!