云梦泽楚 發表於 2019-12-25 23:23:00

2019年最新1+x 证书 Web 前端开发初级理论考试模拟题(含答案 )

<h2 id="1x-证书-web-前端开发初级理论考试试卷10-">1+x 证书 Web 前端开发初级理论考试(试卷10 )</h2>
<p>官方QQ群<img src="//pub.idqqimg.com/wpa/images/group.png"></p>
<p><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"><br>
共55道题 总分:200分 形考总分:0分</p>
<h2 id="一单选题共30题60分">一、单选题共30题,60分</h2>
<p>1.以下说法正确的是:D</p>
<ul>
<li><em>A</em>table的表单标签</li>
<li><em>B</em>td的代表行</li>
<li><em>C</em>tr代表列</li>
<li><em>D</em>table是表格标签</li>
</ul>
<p>2.在javascript中,执行结果正确的是:B</p>
<ul>
<li><em>A</em>typeof(null)的结果为null</li>
<li><em>B</em>typeof(typeof(5))的结果为"string"</li>
<li><em>C</em>typeof(5)的结果为Number</li>
<li><em>D</em>typeof(typeof(undefined))的结果为undefined</li>
</ul>
<p>3.让一个动画名为fade的动画持续执行并且在第一次开始时延迟0.5s开始,每次动画执行1s,以下代码正确的是 A</p>
<ul>
<li><em>A</em>animation:fade 1s 0.5s infinite</li>
<li><em>B</em>animation:fade 0.5s 1s infinite</li>
<li><em>C</em>animation:fade 1s 0.5s linear</li>
<li><em>D</em>以上都不正确</li>
</ul>
<p>4.CSS3中可以用()关键词,自定义字体代表小图标C</p>
<ul>
<li><em>A</em>transition</li>
<li><em>B</em>transform</li>
<li><em>C</em>font-face</li>
<li><em>D</em>font-family</li>
</ul>
<p>5.在javascript中,执行后输出的结果是:B</p>
<pre><code>var name="zhaonan"; var obj1={ name:"miao", age:20, say:function(){ console.log(this.name); } } var obj2={ name:"xue", age:30, say:function(){ console.log(this.name); } } var f=obj2.say; console.log(f()); var e=f.bind(obj1); console.log(e()); var k=e.bind(obj2); console.log(k());
</code></pre>
<ul>
<li><em>A</em>zhaonan zhaonan miao</li>
<li><em>B</em>zhaonan miao miao</li>
<li><em>C</em>zhaonan miao xue</li>
<li><em>D</em>miao zhaonan xue</li>
</ul>
<p>6.不是HTML5的新增的特性是:D</p>
<ul>
<li><em>A</em>新增了很多语义化标签</li>
<li><em>B</em>新增了音频和视频</li>
<li><em>C</em>新增了本地存储</li>
<li><em>D</em>新增伪类</li>
</ul>
<p>7.css样式初始化的原因描述错误的是:C</p>
<ul>
<li><em>A</em>清除默认样式</li>
<li><em>B</em>由于浏览器的内核不同,对标签的默认样式解析不同,导致显示效果不同,所以需要初始化样式</li>
<li><em>C</em>和浏览器没有关系,只是规范而已</li>
<li><em>D</em>保证各个浏览器页面效果的一致性</li>
</ul>
<p>8.在jquery中,常用的stop(),关于stop()的说法错误的是   D</p>
<ul>
<li><em>A</em>stop()停止当前动画,后续动画继续执行</li>
<li><em>B</em>stop(true)是停止当前动画,后续动画不执行</li>
<li><em>C</em>stop(true,true)是停当前执行的动画,直接跳到当前动画的最终状态,后续动画不执行</li>
<li><em>D</em>stop(true,true)是停当前执行的动画,直接跳到当前动画的最终状态,后续动画继续执行</li>
</ul>
<p>9.在javascript中,关于数学对象说法正确的是:   C</p>
<ul>
<li><em>A</em>Math.round(4.5)的结果是4</li>
<li><em>B</em>Math.floor(4.5)的结果是5</li>
<li><em>C</em>Math.ceil(4.5)的结果是5</li>
<li><em>D</em>Math.min(3,4,5)的结果是5</li>
</ul>
<p>10.对于addEventListener绑定事件的说法错误的是C</p>
<ul>
<li><em>A</em>可以给一元素绑定多个事件</li>
<li><em>B</em>addEventListener中的this指绑定的元素</li>
<li><em>C</em>div.addEventListener("click",function(),false)中的false代表捕获事件</li>
<li><em>D</em>div.addEventListener("click",function(),false)中的false代表冒泡事件</li>
</ul>
<p>11.对闭包的理解说法错误的是:A</p>
<ul>
<li><em>A</em>闭包不能避免全局污染</li>
<li><em>B</em>闭包可以将内部函数保存到外部的时候</li>
<li><em>C</em>可以从外部访问内部变量</li>
<li><em>D</em>闭包把外部变量保存到内存中不被释放,导致内存泄漏。</li>
</ul>
<p>12.设置一个div元素的外边距为上:20px,下:30px,左:40px,右:50px,下列书写正确的是:D</p>
<ul>
<li><em>A</em>padding:20px 30px 40px 50px;</li>
<li><em>B</em>padding:20px 50px 30px 40px;</li>
<li><em>C</em>margin:20px 30px 40px 50px</li>
<li><em>D</em>margin:20px 50px 30px 40px</li>
</ul>
<p>13.块级元素说法正确的是: B</p>
<ul>
<li><em>A</em>块级元素和其他元素在一行显示</li>
<li><em>B</em>块级元素对宽和高,边距生效</li>
<li><em>C</em>块级元素对宽和高生效,边距不生效</li>
<li><em>D</em>块级元素对宽,高,边距都不生效</li>
</ul>
<p>14.关于jQuery中删除已有元素的方法说法正确的是()C</p>
<ul>
<li><em>A</em>remove()从被选元素中删除子元素</li>
<li><em>B</em>remove()删除被选元素(不会删除其子元素)</li>
<li><em>C</em>empty()从被选元素中删除子元素</li>
<li><em>D</em>empty()删除被选元素及其子元素</li>
</ul>
<p>15.在jquery中,下列哪一个是用来查找表单中所有隐藏元素的   B</p>
<ul>
<li><em>A</em>visible</li>
<li><em>B</em>hidden</li>
<li><em>C</em>visible()</li>
<li><em>D</em>hidden()</li>
</ul>
<p>16.设置文字的大小为14px,加粗,行高为28px,字体是微软雅黑,字体是倾斜的,以下书写正确的是:D</p>
<ul>
<li><em>A</em>font:14px "微软雅黑" 28px 600 italic</li>
<li><em>B</em>font:"微软雅黑" 14px/28px 600 italic</li>
<li><em>C</em>font:14px/28px 600 "微软雅黑" italic</li>
<li><em>D</em>font:600 italic 14px/28px "微软雅黑"</li>
</ul>
<p>17.在javascript中,数据类型转换正确的是:A</p>
<ul>
<li><em>A</em>Number("123abc")的值为NaN</li>
<li><em>B</em>parseInt("123abc")的值为NaN</li>
<li><em>C</em>parseInt("10",8)的值为10</li>
<li><em>D</em>parseFloat("abc123.3")的值为123.3</li>
</ul>
<p>18.对于事件流说法错误的是:C</p>
<ul>
<li><em>A</em>事件流分为三个阶段</li>
<li><em>B</em>事件流分捕获阶段、目标节点、冒泡阶段</li>
<li><em>C</em>捕获和冒泡同时存在先执行冒泡阶段</li>
<li><em>D</em>目标阶段存在捕获和冒泡,按顺序执行</li>
</ul>
<p>19.在开发过程中,图片下面有1像素的小间隙,如何去除: B</p>
<ul>
<li><em>A</em>给图片设置font-size:0</li>
<li><em>B</em>给图片设置display:block</li>
<li><em>C</em>给图片设置border:0</li>
<li><em>D</em>给图片设置border:none;</li>
</ul>
<p>20.css3中的伪类div p:nth-of-type(3){color:red}的说法正确的是:B</p>
<ul>
<li><em>A</em>给div元素的第三个子元素设置文字颜色为红色</li>
<li><em>B</em>给div元素的后代元素的第三个p元素设置文字颜色为红色</li>
<li><em>C</em>给div的后代元素p设置文字颜色为红色</li>
<li><em>D</em>以上说法都不正确</li>
</ul>
<p>21.在jquery中,下列哪一个是用将$(“</p><p></p>”)来追加到指定元素末尾的()C<p></p>
<ul>
<li><em>A</em>insertAfter()</li>
<li><em>B</em>append()</li>
<li><em>C</em>appendTo()</li>
<li><em>D</em>after()</li>
</ul>
<p>22.Jquery中,找到所有子元素的方法是:   C</p>
<ul>
<li><em>A</em>find()</li>
<li><em>B</em>siblings()</li>
<li><em>C</em>children()</li>
<li><em>D</em>parent()</li>
</ul>
<p>23.在javascript中,下列转Boolean后值为false的是:B</p>
<ul>
<li><em>A</em>Boolean(" ")</li>
<li><em>B</em>Boolean(0)</li>
<li><em>C</em>Boolean([])</li>
<li><em>D</em>Boolean({})</li>
</ul>
<p>24.设置背景颜色为green,背景图片垂直居中显示,背景图片充满整个区域,但是背景图片不能变形,图片只出现一次,以下书写正确的是:A</p>
<ul>
<li>
<pre><code>- *A*background:url("../img/img1.jpg") no-repeat center/cover green;
- *B*background:url("../img/img1.jpg") repeat center/cover green;
- *C*url("../img/img1.jpg") no-repeat center/100% green;
- *D*url("../img/img1.jpg") no-repeat center/100% 100% green;
</code></pre>
</li>
</ul>
<p>25.css3中用什么来定义过渡动画的时间   C</p>
<ul>
<li><em>A</em>transition-property</li>
<li><em>B</em>transition-timing-function</li>
<li><em>C</em>transition-duration</li>
<li><em>D</em>transition-delay</li>
</ul>
<p>26.在javascript中,获取今天是星期几的方法是:   C</p>
<ul>
<li><em>A</em>new Date().getDate()</li>
<li><em>B</em>new Date().getTime()</li>
<li><em>C</em>new Date().getDay()</li>
<li><em>D</em>new Date().getFullYear()</li>
</ul>
<p>27.在javascript中,执行下列代码后输出的结果是: if(function(){}){ console.log(1); }else{ console.log(2); }   B</p>
<ul>
<li><em>A</em>2</li>
<li><em>B</em>1</li>
<li><em>C</em>什么也不输出</li>
<li><em>D</em>报错</li>
</ul>
<p>28.下列属于内联元素的是:B</p>
<ul>
<li><em>A</em>div</li>
<li><em>B</em>a</li>
<li><em>C</em>p</li>
<li><em>D</em>table</li>
</ul>
<p>29.在javascript中,执行下列代码输出的结果是: console.log(+"5"*2+"6"-"4"+true)   B</p>
<ul>
<li><em>A</em>13</li>
<li><em>B</em>103</li>
<li><em>C</em>104</li>
<li><em>D</em>12true</li>
</ul>
<p>30.在javascript中,执行下列代码输出的结果是: for(var i=0;i&lt;4;i++){ console.log(i) } console.log(i)   A</p>
<ul>
<li><em>A</em>0 1 2 3 4</li>
<li><em>B</em>0 1 2 3 4 5</li>
<li><em>C</em>0 1 2 3</li>
<li><em>D</em>4 4 4 4</li>
</ul>
<h2 id="二多选题共15题30分">二、多选题共15题,30分</h2>
<p>1.关于 @media书写正确的是:AB</p>
<ul>
<li><em>A</em>@media screen and (max-width: 300px)</li>
<li><em>B</em>@media only screen and (max-width: 500px)</li>
<li><em>C</em>@media screen (max-width: 500px)</li>
<li><em>D</em>@media (max-width: 500px)</li>
</ul>
<p>2.关于选择器优先级正确的是:   AC</p>
<ul>
<li><em>A</em>id选择器&gt;类选择器&gt;标签选择器</li>
<li><em>B</em>id选择器&gt;!important&gt;类选择器&gt;标签选择器&gt;通配符</li>
<li><em>C</em>!important&gt;id选择器&gt;类选择器&gt;标签选择器</li>
<li><em>D</em>id选择器&gt;类选择器&gt;标签选择器&gt;!important</li>
</ul>
<p>3.关于doctype html说法正确的是:   BC</p>
<ul>
<li><em>A</em>区分大小写,只有才是正确的</li>
<li><em>B</em>这句话的作用是告诉浏览器以什么标准去解析网页</li>
<li><em>C</em>这句话可以省略,省略后页面呈怪异模式</li>
<li><em>D</em>以上说法都正确</li>
</ul>
<p>4.javascript中,关于parseInt()说法正确的是:AB</p>
<ul>
<li><em>A</em>将其他类型的数据转成数值</li>
<li><em>B</em>可以将其他进制的数据转成十进制</li>
<li><em>C</em>parseInt()与Number()方法功能相同</li>
<li><em>D</em>以上说法都正确</li>
</ul>
<p>5.下列属于jquery选择器的是:   ABCD</p>
<ul>
<li><em>A</em>基本选择器</li>
<li><em>B</em>层级选择器</li>
<li><em>C</em>属性选择器</li>
<li><em>D</em>位置选择器</li>
</ul>
<p>6.下面哪几种是Jquery中表单的对象属性:ABD</p>
<ul>
<li><em>A</em>:checked</li>
<li><em>B</em>:enabled</li>
<li><em>C</em>:hidden</li>
<li><em>D</em>:selected</li>
</ul>
<p>7.引入样式的方法有哪几种   ABCD</p>
<ul>
<li><em>A</em>内联样式</li>
<li><em>B</em>内部样式</li>
<li><em>C</em>外部样式</li>
<li><em>D</em>以上都正确</li>
</ul>
<h2 id="_"></h2>
<p>8.在form标签中,属性method的值有哪些   BC</p>
<ul>
<li><em>A</em>request</li>
<li><em>B</em>get</li>
<li><em>C</em>post</li>
<li><em>D</em>以上都正确</li>
</ul>
<p>9.以下关于标签的嵌套书写错误的是:   ABCD</p>
<ul>
<li>
<pre><code>- *A*&lt;p&gt;&lt;p&gt;&lt;/p&gt;&lt;/p&gt;
- *B*&lt;a href=""&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/a&gt;
- *C*&lt;ul&gt;&lt;h2&gt;&lt;/h2&gt;&lt;li&gt;&lt;/li&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;
- *D*以上都是错误的
</code></pre>
</li>
</ul>
<p>10.javascript中,循环语句有哪些?BCD</p>
<ul>
<li><em>A</em>if</li>
<li><em>B</em>while</li>
<li><em>C</em>do while</li>
<li><em>D</em>for</li>
</ul>
<p>11.javascript中,下列结果为NaN的是:ABCD</p>
<ul>
<li><em>A</em>Number("adfa")</li>
<li><em>B</em>parseInt("undefined")</li>
<li><em>C</em>parseInt("null")</li>
<li><em>D</em>parseInt("")</li>
</ul>
<p>12.javascript中,下列表达式结果为true的是:   BCD</p>
<ul>
<li><em>A</em>[]==[]</li>
<li><em>B</em>![]==false</li>
<li><em>C</em>[]==false</li>
<li><em>D</em>==false</li>
</ul>
<p>13.下列对于float属性的特点说法错误的是:ABC</p>
<ul>
<li><em>A</em>float能向左和向右移动,也可以上下移动</li>
<li><em>B</em>float会占据原有空间</li>
<li><em>C</em>清除浮动的作用不大,可以省略</li>
<li><em>D</em>给父级元素设置height可以清除浮动</li>
</ul>
<p>14.jQuery中遍历节点的方法,正确的是   ABD</p>
<ul>
<li><em>A</em>next() 取得匹配元素后面紧邻的同辈元素</li>
<li><em>B</em>prev() 取得匹配元素前面紧邻的同辈元素</li>
<li><em>C</em>siblings() 取得匹配元素前的所有同辈元素</li>
<li><em>D</em>parent() 取得元素的父级元素</li>
</ul>
<p>15.以下属于HTML5新标签的是:BCD</p>
<ul>
<li><em>A</em>title</li>
<li><em>B</em>ouput</li>
<li><em>C</em>nav</li>
<li><em>D</em>aside</li>
</ul>
<h2 id="三判断题共5题10分">三、判断题共5题,10分</h2>
<p>1.jquery中获取元素宽度包含padding的方法是innerwidth()   对</p>
<ul>
<li><em>A</em>对</li>
<li><em>B</em>错</li>
</ul>
<p>2.在javascript中,this都指向调用者   错</p>
<ul>
<li><em>A</em>对</li>
<li><em>B</em>错</li>
</ul>
<p>3.html是一种超文本标记语言   A</p>
<ul>
<li><em>A</em>对</li>
<li><em>B</em>错</li>
</ul>
<p>4.在javascript中,document.getElementById返回一组元素   错</p>
<ul>
<li><em>A</em>对</li>
<li><em>B</em>错</li>
</ul>
<p>5.CSS中设置字符间距的是word-spacing   错</p>
<ul>
<li><em>A</em>对</li>
<li><em>B</em>错</li>
</ul>
<p>1+x 证书 web 前端开发初级对应课程分析<br>
http://blog.zh66.club/index.php/archives/194/</p>
<p>1+X 证书 Web 前端开发中级对应课程分析<br>
http://blog.zh66.club/index.php/archives/195/</p>
<p>1+x证书Web前端开发初级理论考试样题2019<br>
http://blog.zh66.club/index.php/archives/149/</p>
<p>1+x证书Web前端开发初级实操考试样题2019<br>
http://blog.zh66.club/index.php/archives/150/</p>
<p>1+x证书Web前端开发中级理论考试样题2019<br>
http://blog.zh66.club/index.php/archives/151/</p><br><br>
来源:https://www.cnblogs.com/zhsh666/p/12099653.html
頁: [1]
查看完整版本: 2019年最新1+x 证书 Web 前端开发初级理论考试模拟题(含答案 )