Web front-end development Written & interview _01 (MI:)

--(al_me16041719002000) begin--

1. (radio) Which of the following methods is a string object and an array object?

a.splice b.split c.replace d.concat e.sort f.join 　

2. (radio) The following statement is wrong?

A.IE8 Support: Before

B.IE8 Support: After

C.IE8 Support: First-child

D.IE8 Support: Last-child

E.IE8 Support:: Before

F. IE8 Support:: After

3. (radio) The following framework uses the AMD specification?

A.node.js

B.requirejs?

C.sEajs

D.angularjs

4. (Multiple selection)

Known <div id= "outer" ><div id= "inner" style= "width:100px;" ></div></div>, under what circumstances document.queryselector (' #inner '). offsetwidth = = 0 Established:

1. #inner {Visibility:hidden}2. #outer {Visibility:hidden}3. #inner {Display:none}4. # outer {Display:none}5. #inner {opacity:0 }6. #outer {opacity:0}

5. (Multiple selection)

Which of the following elements are not block-level elements?

1.label2.img3. Input4. Form5.strong6.UL

6. (Multiple selection)

The following options for output value 1 are:

Answer:

<script>varOutput=0; (function() {Output++;   }());  alert (output); //1    varOutput=0; (function(output) {output++;    } (output));  alert (output); //0      varOutput=0; (function() {Output++;   } (output));  alert (output); //1      varOutput=0; (function() {    varOutput = 0; (function() {Output++;    }());    } () );  alert (output); //0       varOutput=0; (function() {        (function() {Output++;     }()); varOutput = 0;    } () );  alert (output); //0    varOutput=0; (function() {         (function() {Output++;    } (output));    } () );  alert (output); //1</script>

7. (Fill in the blanks)

Deletes the second and third items in the given array, and adds a new value after the first item in the resulting new array.

var arr1 = [' A ', ' B ', ' C ', ' d ', ' E 'var arr2 = arr1. __  splice__(___1___, ___2___, ' newvalue ')

8. (Fill in the blanks)

Complete the following blanks, using Nodejs to implement all files that traverse the directory and return the list of files in descending order of file size:

varFS = _____________functiongetfilelistbysize (path) {varList = [];     ReadFile (path, list); returnList.sort (function(A, b) {if (_____________) {            return-1; }         Else if(A.size <b.size) {return1        }         return0; });}functionreadFile (path, list) {files= _____________;     Files.foreach (walk); functionWalk (file) {states= _____________; if(States.isdirectory ()) {_____________; }          Else{List.push ({"Size": States.size,"Path": Path + '/' +file}); }      }} varFileslist = Getfilelistbysize ("D:/exmpale");

9. (Question and answer)

Please encapsulate a js, for the whole station to use, monitoring the entire site of each page JS execution exception and complete the data escalation.

10. (Question and answer)

Given the following HTML structure, just make CSS to implement the button style in.

Requires that the entire background map cannot be used directly as a background.

Precise variable width and color values are not required.

11. (Question and answer)

If you want to implement a chart library yourself, what technical options are available? Tell me about the pros and cons of each scenario, and how to optimize it in the face of big data volumes.

--(al_me16041719002000) over--

Mt>>

(Web front-end development Written & Interview _02 (others))

1. Use CSS3 to center a div horizontally vertically. Write a variety of scenarios.

(see: Using CSS3 to center a div horizontally and vertically)

2. Issues to be aware of when using efficient CSS.

(see: CSS Changes in Engineering-object-oriented CSS (OO CSS))

3. The following function in the page, in turn, alert out the content is: (undefined,2,1,3)

Verify:

4. The logarithmic group Var nums =[1,2,3,2,2,2,2,3,4] is de-re-processed.

The example answers are as follows:

(See also: JS array element de-weight method)

5. Write a method that reduces page load time by at least 5 items.

(see: Ways to Reduce page load times)

6. Write down the front-end technology stack that you are best at, and explain the mastery and application.

Web front-end development Written & interview _01 (MI:)