1 + x certificate Web front-end development of primary theory test (Paper 8)

Web development distal primary coil simulation tests (c)

A total of 55 questions Total: 200 fractal test score: 0

First, a total of 30 multiple choice questions, 60 points

1. To achieve the right of the red triangle, to achieve the correct style is () A

<div class="icon"></div>

A.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-color:#f00; }

B.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-left-color:transparent;}

C.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-right-color:#f00;}

D.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-right-color:transparent;}

2.p span all except the following tags, rotated 45 degrees ()

- *A*p :not(span){transform:rotate(45deg)}
- *B*p :not(span){translate:rotate(45deg)}
- *C*p not(:span){transform:rotate(45deg)}
- *D*p:not(span){rotate(45deg)}

3.jquery traversal specified array of objects and a method which () A

• A$.each( object, callback )
• B$(selector).each(function())
• C foreach ()
• Dfor ...in

4.arguments is an object similar to the array. On the way references can use named parameters you can also use the parameter name () to be referenced: C

• Afunction argument[n]
• Barguments.n
• Carguments[n]
• Disfunction

The printed result is the following code () C

var cars = ['bmw','qq','byd','glof']; cars.splice(2,0,'polo'); console.log(cars);

• A["bmw", "qq", "byd", "polo", "glof"]
• B["bmw", "qq", "polo", "glof"]
• C["bmw", "qq", "polo", "byd", "glof"]
• D None of the above

6. The following is a sibling's option () B

• A#ul2+p
• B#ul2~p
• C#ul2>p
• D#ul2 p

7. The following is an image that can draw the canvas () C

• Avideo
• B audio
• Ccanvas
• Dheader

8. In jQuery, a mouse event is not () C

• Amouseover
• B mouseenter
• Ckeydown
• Dmousemove

9.input value tag is described in which attribute () D

• Atype
• Bdisabled
• Cid
• D value

10. Which of the following has the highest priority of () C

• Aclass
• Bid
• C!important
• D inline

11. The printed result is the following code () D

 for(var i=0;i<=30;i+=5){ if(i%3==0){ continue; } console.log(i); }  

• A 5,10,15,20,25,30
• B 5.15
• C 5,15,25
• D5,10,20,25

12. want to give a label to set the width and height, which you need to add style to a label () D

• Adisplay:inline;
• Boverflow:hidden;
• Cfont-size:0;
• Ddisplay:block;

13. Set the alignment direction of the elastic main box element may be used () attribute on B

• Aalign-content
• Bjustify-content
• Calign-self
• Dalign-items

14. Parameter No. 1 beginning from which the selector () B

• Anth-of-type
• Bnth-child
• C:first
• D:eq

15. The following result is correct code execution () B

var a = 2; switch (a) { case 1: alert("1"); case 2: alert("2"); case 3: alert("3"); 

default: alert('4'); }

• A pop up respectively 1234
• B respectively eject 234
• C program error
• D only pop-up 2

16.flex-grow the role () D

• A resilient element cassette alignment
• B arrangement of the elastic element cassette
• C elastic element box display order
• D how the elastic elements are assigned the remaining space of the box

Which method is to sort the array 17. The following () A

• Asort
• Breverse
• C pop
• D slice

18. Which of the following is not a block tag () A

• Aspan
• Bp
• C div
• D ul

19. The following style options can take effect is () C

<style> p{ color:yellow; } .classB{ color:red; } .classA{ color:blue; } </style> <p class='classB classA'> 123 </p>

• Ayellow
• Bred
• Cblue
• D black

20.meta tag name attribute is a keyword value () C

• Adescription
• B. Author
• Ckeyword
• Dgenerator

21.javascript how to set a checkbox invalid, assuming the id of the checkbox is checkAll () B

• Adocument.getElementById("checkAll").enabled = false;
• Bdocument.getElementById("checkAll").disabled = true;
• Cdocument.getElementById("checkAll").enabled = true;
• Ddocument.getElementById("checkAll").disabled = "disabled";

22. The effect of this is the following code () A

@media screen and (min-width:960px) and (max-width:1200px){ body{ background:yellow; } }

• A is smaller than when the width is greater than 960px 1200px body of the background color of yellow
• B is when the body width is greater than 960px background color is yellow
• C above wording is not correct
• D when the width is less than 1200px body when the background color is yellow

23. Click achieve text box can be controlled, the following settings are correct () B

• - *A*<input type="checkbox" name="music" /><label for="music">音乐</label>
  - *B*<input type="checkbox" id="music" /><label for="music">音乐</label>
  - *C*<input type="checkbox" name="music" /><label id="music">音乐</label>
  - *D*<input type="checkbox" id="music" /><label name="music">音乐</label>

24. If the Enter key is pressed: js determined correct way () C

• Aif(event.keyCode == 39)
• Bif(event.keyCode == 38)
• Cif(event.keyCode == 32)
• Dif(event.keyCode == 31)

25. A marker for which a HTML document table Gerry cells are combined in the peer () C

• Acellspacing
• Bcellpadding
• Crowspan
• Dcolspan

26. How to remove floating ul of () B

• Aul li:last-child{clear:both}
• Bul:after{content:"";clear:both;display:block}
• Cul{clear:both}
• Dul:before{content:"";clear:both;display:block}

27.var v; This statement defines a variable v, its value is? The correct answer is () B

• A 1
• Bundefined
• C0
• Dnull

28.placeholder action is () A

• A set as the default prompt text text box
• B to set the alignment pattern textbox
• C set default values to the text box
• D above statement is not correct

29. The correct answer is () A

var size="true";console.log(typeof size); 

• Astring
• Bnumber
• Cundefined
• D boolean

30. Insert with the current page index.html index.html file in a logo.jpg img the same folder, the correct wording is introduced () A

• - *A*<img src="img/logo.jpg">
  - *B*<img href="img/logo.jpg">
  - *C*<img src="../img/logo.jpg">
  - *D*<img href="../img/logo.jpg">

  Second, a total of 15 multiple choice questions, 30 points

  1.div span {margin-left: 10px;} margin span a first element which can be canceled by the following statement () the AC

  • Aiv span:first-child{margin:0}
  • Bdiv span:nth-child(0){margin:0;}
  • Cdiv span:nth-child(1){margin:0}
  • Ddiv span{margin:0}

2. The following statement syntax right there () AC

• - *A*document.getElementsByTagName("body")[0].innerHTML = "HELLO"
  - *B*document.getElementById("box").style.border-top="1px solid #f00"
  - *C*document.getElementsByTagName("div")[0].innerHTML = '<b>hello</b>';
  - *D*document.getElementsByTagName("body").style.paddingTop = "10px";

3. Which of the following attributes belonging to an elastic box () AB

• Aflex-shrink
• Bflex-grow
• Cborder
• Dmargin

4. The following is a label alone can not be closed () ABCD

• - *A*<br />
  - *B*<hr />
  - *C*<input />
  - *D*<img />

5. # wrap {width: 600px; height: 200px; background: #ccc; position: absolute;} wrap implemented in the browser are centered horizontally and vertically, with a pattern to be set () the BC

• Amargin-left:-300px;margin-top:-100px;
• Bleft:300px;top:100px;
• Cleft:50%;top:50%;
• Dmargin-left:-300px;margin-top:100px;

6. Background background property comprises () the ABD

• Abackground-size
• Bbackground-origin
• Ctext-align
• Dbackground-clip

7. suppose btn is to get to the button, click the button calls checkCity such a function, the correct wording of what () BC

• A btn.onclick = Function () {checkCity;
• Bbtn.onclick = function(){checkCity();}
• Cbtn.onclick = checkCity;
• Dbtn.onclick = checkCity()

8.HTML5 new label what () ABCD

• Aheader
• B. New
• Cfooter
• Dsection

9. Which of the following statements can be printed all the odd between 1-100 () AD

• Afor(var i=1;i<=100;i++){if(i%2==1){console.log(i);}}
• Bfor(var i=1;i<=100;i+=1){console.log(i);}
• Cfor(var i=1;i<=100;i++){if(i%2==0){console.log(i);}}
• D for (var i = 1; i <= 100; i + = 2) {console.log (i);}

10.img label with the text prompts characteristic properties () AC

• Atitle
• B tite
• Calt
• D Height

11. Which of the following elements belonging to the block elements () the BCD

• Aa
• B. New
• Cheader
• D ul

12. The following options jquery focus events are () AC

• The Blur ()
• Bselect()
• C focus ()
• D OnFocus ()

13. jQuery by jQuery object .css () style controls can be implemented, the following statement is correct () AB

• A CSS () method removes the original style and set up a new style
• B correct syntax: css ( "Properties", "value")
• C CSS () method does not remove the original style
• D correct syntax: css ( "Properties")

14. Which of the following styles can be hidden element () ACD

• Avisibility:hidden;
• Bdisplay:show;
• Cdisplay:none;
• Dopacity:0;

15. What is animation () AB

• Atransition
• Banimation
• Cstatic
• Drelative

Third, determine the questions 5 questions, 10 minutes

1. The sentence can be achieved when adding a text box shadow box effect focus. ( ) Correct

input[type="text"]:focus{box-shadow:2px 2px 2px blue;}

• A pair
• B wrong

2.var a = b = 6; b = 3 console.log (a) it is 3 () error

• A pair
• B wrong

3. jquery elements specified in the content after it appends () of

• A pair
• B wrong

4.margin-top and padding-top of the line elements within the work () error

• A pair
• B wrong

5.CSS the transition element is used to control the deformation style () error

• A pair
• B wrong

Answer Analysis

1.	2.	3.	4.	5.
6.	7.	8.	9.	10.
11.	12.	13.	14.	15.
16.	17.	18.	19.	20.
21.	22.	23.	24.	25.
26.	27.	28.	29.	30.
31.	32.	33.	34.	35.
36.	37.	38.	39.	40.
41.	42.	43.	44.	45.
46.	47.	48.	49.	50.