1+x 证书 Web 前端开发初级理论考试（试卷8 ）

了了大实话 發表於 2019-12-12 21:41:00

1+x 证书 Web 前端开发初级理论考试（试卷8 ）

<h1 id="web前端开发初级模拟测试卷三">Web前端开发初级模拟测试卷（三）</h1>
共55道题总分：200分形考总分：0分 
<img src="https://img-blog.csdnimg.cn/20200323190811988.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk1ODA0OQ==,size_16,color_FFFFFF,t_70#pic_center">
<h2 id="一单选题共30题60分">一、单选题共30题，60分</h2>
1.实现向右的红色三角形，样式实现正确的是（）A
<pre><code><div class="icon"></div>
</code></pre>
<pre><code>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;}
</code></pre>
2.p下面除了span以外所有标签，旋转45度（）
<pre><code>- *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)}
</code></pre>
3.jquery中遍历指定的对象和数组是哪个方法（） A
<ul>
<li>A$.each( object, callback )</li>
<li>B$(selector).each(function())</li>
<li>Cforeach()</li>
<li>Dfor ...in</li>
</ul>
4.arguments是一个类似于数组的对象。对命名参数的引用可以使用参数名也可以使用（）的方式来进行引用：C
<ul>
<li>Afunction argument</li>
<li>Barguments.n</li>
<li>Carguments</li>
<li>Disfunction</li>
</ul>
5.下面代码的打印结果是( ) C
<pre><code>var cars = ['bmw','qq','byd','glof']; cars.splice(2,0,'polo'); console.log(cars);
</code></pre>
<ul>
<li>A["bmw", "qq", "byd", "polo", "glof"]</li>
<li>B["bmw", "qq", "polo", "glof"]</li>
<li>C["bmw", "qq", "polo", "byd", "glof"]</li>
<li>D以上都不对</li>
</ul>
6.下面是兄弟选择器的选项是（）B
<ul>
<li>A#ul2+p</li>
<li>B#ul2~p</li>
<li>C#ul2>p</li>
<li>D#ul2 p</li>
</ul>
7.以下是画布可以画图像的是（）C
<ul>
<li>Avideo</li>
<li>Baudio</li>
<li>Ccanvas</li>
<li>Dheader</li>
</ul>
8.在jQuery中，不属于鼠标事件的是（）C
<ul>
<li>Amouseover</li>
<li>Bmouseenter</li>
<li>Ckeydown</li>
<li>Dmousemove</li>
</ul>
9.input标签的值是用哪个属性来描述的（）D
<ul>
<li>Atype</li>
<li>Bdisabled</li>
<li>Cid</li>
<li>Dvalue</li>
</ul>
10.以下哪个的优先级最高（）C
<ul>
<li>Aclass</li>
<li>Bid</li>
<li>C!important</li>
<li>D行内</li>
</ul>
11.下面代码的打印结果是( )D
<pre><code> for(var i=0;i<=30;i+=5){ if(i%3==0){ continue; } console.log(i); }
</code></pre>
<ul>
<li>A5,10,15,20,25,30</li>
<li>B5,15</li>
<li>C5,15,25</li>
<li>D5,10,20,25</li>
</ul>
12.想要给个a标签设置width和height，需要给a标签添加哪个样式（）D
<ul>
<li>Adisplay:inline;</li>
<li>Boverflow:hidden;</li>
<li>Cfont-size:0;</li>
<li>Ddisplay:block;</li>
</ul>
13.设置主轴方向的弹性盒子元素的对齐方式可以使用（）属性实现 B
<ul>
<li>Aalign-content</li>
<li>Bjustify-content</li>
<li>Calign-self</li>
<li>Dalign-items</li>
</ul>
14.参数序号从1开始的是哪个选择器（）B
<ul>
<li>Anth-of-type</li>
<li>Bnth-child</li>
<li>C:first</li>
<li>D:eq</li>
</ul>
15.以下代码执行结果正确的是( ) B
<pre><code>var a = 2; switch (a) { case 1: alert("1"); case 2: alert("2"); case 3: alert("3");
</code></pre>
default: alert('4'); }
<ul>
<li>A分别弹出1234</li>
<li>B分别弹出 234</li>
<li>C程序报错</li>
<li>D只弹出 2</li>
</ul>
16.flex-grow的作用是（）D
<ul>
<li>A弹性盒子元素对齐方式</li>
<li>B弹性盒子元素的排列方式</li>
<li>C弹性盒子元素显示次序</li>
<li>D弹性盒子元素如何分配剩余空间</li>
</ul>
17.以下哪个方法是对数组进行排序（）A
<ul>
<li>Asort</li>
<li>Breverse</li>
<li>Cpop</li>
<li>Dslice</li>
</ul>
18.以下哪些不是块标签的是（）A
<ul>
<li>Aspan</li>
<li>Bp</li>
<li>Cdiv</li>
<li>Dul</li>
</ul>
19.以下能生效的样式选项是（） C
<pre><code><style> p{ color:yellow; } .classB{ color:red; } .classA{ color:blue; } </style> 123 
</code></pre>
<ul>
<li>Ayellow</li>
<li>Bred</li>
<li>Cblue</li>
<li>Dblack</li>
</ul>
20.meta标签中name属性值是关键字的是（） C
<ul>
<li>Adescription</li>
<li>Bauthor</li>
<li>Ckeyword</li>
<li>Dgenerator</li>
</ul>
21.javascript怎样将一个checkbox设为无效，假设该checkbox的id为checkAll ( )B
<ul>
<li>Adocument.getElementById("checkAll").enabled = false;</li>
<li>Bdocument.getElementById("checkAll").disabled = true;</li>
<li>Cdocument.getElementById("checkAll").enabled = true;</li>
<li>Ddocument.getElementById("checkAll").disabled = "disabled";</li>
</ul>
22.以下这段代码的作用是（） A
<pre><code>@media screen and (min-width:960px) and (max-width:1200px){ body{ background:yellow; } }
</code></pre>
<ul>
<li>A是当宽度大于960px小于1200px的时候body的背景色为yellow</li>
<li>B是当宽度大于960px的时候body的背景色为yellow</li>
<li>C以上写法都不正确</li>
<li>D是当宽度小于1200px的时候body的背景色为yellow</li>
</ul>
23.实现点击文本也能控制复选框，以下设置正确的是（）B
<ul>
<li>
<pre><code>- *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>
</code></pre>
</li>
</ul>
24.如果按下的是回车键：js中正确的判断方式是（）C
<ul>
<li>Aif(event.keyCode == 39)</li>
<li>Bif(event.keyCode == 38)</li>
<li>Cif(event.keyCode == 32)</li>
<li>Dif(event.keyCode == 31)</li>
</ul>
25.哪一个标记用于使HTML文档中表格里的单元格在同行进行合并（）C
<ul>
<li>Acellspacing</li>
<li>Bcellpadding</li>
<li>Crowspan</li>
<li>Dcolspan</li>
</ul>
26.如何清除ul的浮动（）B
<ul>
<li>Aul li:last-child</li>
<li>Bul:after</li>
<li>Cul</li>
<li>Dul:before</li>
</ul>
27.var v; 该语句定义了一个变量v，它的值是？正确答案是（）B
<ul>
<li>A1</li>
<li>Bundefined</li>
<li>C0</li>
<li>Dnull</li>
</ul>
28.placeholder的作用是（）A
<ul>
<li>A为文本框设置默认提示文字</li>
<li>B为文本框设置对齐样式</li>
<li>C为文本框设置默认值</li>
<li>D以上说法都不正确</li>
</ul>
29.正确答案是（）A
<pre><code>var size="true";console.log(typeof size);
</code></pre>
<ul>
<li>Astring</li>
<li>Bnumber</li>
<li>Cundefined</li>
<li>Dboolean</li>
</ul>
30.在当前页面index.html中插入与index.html处于同一级的img文件夹下的logo.jpg，正确的导入写法是（）A
<ul>
<li>
<pre><code>- *A*<img src="img/logo.jpg">
- *B*<img href="img/logo.jpg">
- *C*<img src="../img/logo.jpg">
- *D*<img href="../img/logo.jpg">
</code></pre>
<h2 id="二多选题共15题30分">二、多选题共15题，30分</h2>
1.div span{margin-left:10px;}通过以下哪些语句可以将第一个span元素的margin取消( )AC
<ul>
<li>Aiv span:first-child</li>
<li>Bdiv span:nth-child(0)</li>
<li>Cdiv span:nth-child(1)</li>
<li>Ddiv span</li>
</ul>
</li>
</ul>
2.以下语句语法正确的有（）AC
<ul>
<li>
<pre><code>- *A*document.getElementsByTagName("body").innerHTML = "HELLO"
- *B*document.getElementById("box").style.border-top="1px solid #f00"
- *C*document.getElementsByTagName("div").innerHTML = 'hello';
- *D*document.getElementsByTagName("body").style.paddingTop = "10px";
</code></pre>
</li>
</ul>
3.以下哪些属性属于弹性盒子的（）AB
<ul>
<li>Aflex-shrink</li>
<li>Bflex-grow</li>
<li>Cborder</li>
<li>Dmargin</li>
</ul>
4.以下是单独可以不用闭合的标签是（）ABCD
<ul>
<li>
<pre><code>- *A* 
- *B*<hr />
- *C*<input />
- *D*<img />
</code></pre>
</li>
</ul>
5.#wrap{width:600px;height:200px;background:#ccc;position:absolute;}实现wrap在浏览器中水平和垂直都居中，需要设置的样式有( )BC
<ul>
<li>Amargin-left:-300px;margin-top:-100px;</li>
<li>Bleft:300px;top:100px;</li>
<li>Cleft:50%;top:50%;</li>
<li>Dmargin-left:-300px;margin-top:100px;</li>
</ul>
6.背景background属性包括（）ABD
<ul>
<li>Abackground-size</li>
<li>Bbackground-origin</li>
<li>Ctext-align</li>
<li>Dbackground-clip</li>
</ul>
7.假设btn是获取到的按钮，点击按钮调用checkCity这样一个函数，以下写法正确的有哪些（）BC
<ul>
<li>Abtn.onclick = function()</li>
<li>Bbtn.onclick = function()</li>
<li>Cbtn.onclick = checkCity;</li>
<li>Dbtn.onclick = checkCity()</li>
</ul>
8.HTML5新增的标签有哪些（） ABCD
<ul>
<li>Aheader</li>
<li>Bnav</li>
<li>Cfooter</li>
<li>Dsection</li>
</ul>
9.以下哪些语句可以打印1-100之间所有的奇数（）AD
<ul>
<li>Afor(var i=1;i<=100;i++){if(i%2==1){console.log(i);}}</li>
<li>Bfor(var i=1;i<=100;i+=1)</li>
<li>Cfor(var i=1;i<=100;i++){if(i%2==0){console.log(i);}}</li>
<li>Dfor(var i=1;i<=100;i+=2)</li>
</ul>
10.img标签有文字提示特性的属性（）AC
<ul>
<li>Atitle</li>
<li>Btite</li>
<li>Calt</li>
<li>Dheight</li>
</ul>
11.以下哪些元素属于块元素( )BCD
<ul>
<li>Aa</li>
<li>Bnav</li>
<li>Cheader</li>
<li>Dul</li>
</ul>
12.下面选项中 jquery焦点事件的有（）AC
<ul>
<li>Ablur()</li>
<li>Bselect()</li>
<li>Cfocus()</li>
<li>Donfocus()</li>
</ul>
13.在jQuery中，通过jQuery对象.css( )可实现样式控制，以下说法正确的是（）AB
<ul>
<li>Acss( )方法会去除原有样式而设置新样式</li>
<li>B正确语法：css(“属性”,”值”)</li>
<li>Ccss( )方法不会去除原有样式</li>
<li>D正确语法：css(“属性”)</li>
</ul>
14.以下哪些样式可以隐藏元素( )ACD
<ul>
<li>Avisibility:hidden;</li>
<li>Bdisplay:show;</li>
<li>Cdisplay:none;</li>
<li>Dopacity:0;</li>
</ul>
15.哪些是动画效果( )AB
<ul>
<li>Atransition</li>
<li>Banimation</li>
<li>Cstatic</li>
<li>Drelative</li>
</ul>
<h2 id="三判断题共5题10分">三、判断题共5题，10分</h2>
1.此句可以实现当文本框获得焦点时添加盒阴影效果。（）对
<pre><code>input:focus{box-shadow:2px 2px 2px blue;}
</code></pre>
<ul>
<li>A对</li>
<li>B错</li>
</ul>
2.var a=b=6; b=3 console.log(a)的值为3吗（）错
<ul>
<li>A对</li>
<li>B错</li>
</ul>
3.在jquery中指定的元素后面追加内容是after吗（）对
<ul>
<li>A对</li>
<li>B错</li>
</ul>
4.margin-top与padding-top对行内元素都起作用（）错
<ul>
<li>A对</li>
<li>B错</li>
</ul>
5.CSS中transition是用来控制元素变形样式的（）错
<ul>
<li>A对</li>
<li>B错</li>
</ul>
<h2 id="答案解析">答案解析</h2>
<table>
<thead>
<tr>
<th>1.</th>
<th>2.</th>
<th>3.</th>
<th>4.</th>
<th>5.</th>
</tr>
</thead>
<tbody>
<tr>
<td>6.</td>
<td>7.</td>
<td>8.</td>
<td>9.</td>
<td>10.</td>
</tr>
<tr>
<td>11.</td>
<td>12.</td>
<td>13.</td>
<td>14.</td>
<td>15.</td>
</tr>
<tr>
<td>16.</td>
<td>17.</td>
<td>18.</td>
<td>19.</td>
<td>20.</td>
</tr>
<tr>
<td>21.</td>
<td>22.</td>
<td>23.</td>
<td>24.</td>
<td>25.</td>
</tr>
<tr>
<td>26.</td>
<td>27.</td>
<td>28.</td>
<td>29.</td>
<td>30.</td>
</tr>
<tr>
<td>31.</td>
<td>32.</td>
<td>33.</td>
<td>34.</td>
<td>35.</td>
</tr>
<tr>
<td>36.</td>
<td>37.</td>
<td>38.</td>
<td>39.</td>
<td>40.</td>
</tr>
<tr>
<td>41.</td>
<td>42.</td>
<td>43.</td>
<td>44.</td>
<td>45.</td>
</tr>
<tr>
<td>46.</td>
<td>47.</td>
<td>48.</td>
<td>49.</td>
<td>50.</td>
</tr>
</tbody>
</table> 
来源：https://www.cnblogs.com/zhsh666/p/12031831.html

頁: [1]

琼殿技术论坛's Archiver

1+x 证书 Web 前端开发初级理论考试（试卷8 ）