1+x 证书 Web 前端开发初级实操考试（试卷 10 ）

官方 QQ 群

 

共 55 道题 总分：200 分 形考总分：0 分

1. 以下说法正确的是： D

• Atable 的表单标签
• Btd 的代表行
• Ctr 代表列
• Dtable 是表格标签

2. 在 javascript 中，执行结果正确的是： B

• Atypeof (null) 的结果为 null
• Btypeof (typeof (5)) 的结果为 "string"
• Ctypeof (5) 的结果为 Number
• Dtypeof (typeof (undefined)) 的结果为 undefined

3. 让一个动画名为 fade 的动画持续执行并且在第一次开始时延迟 0.5s 开始，每次动画执行 1s，以下代码正确的是 A

• Aanimation:fade 1s 0.5s infinite
• Banimation:fade 0.5s 1s infinite
• Canimation:fade 1s 0.5s linear
• D 以上都不正确

4.CSS3 中可以用（）关键词，自定义字体代表小图标 C

• Atransition
• Btransform
• Cfont-face
• Dfont-family

5. 在 javascript 中，执行后输出的结果是： B

• Azhaonan zhaonan miao
• Bzhaonan miao miao
• Czhaonan miao xue
• Dmiao zhaonan xue

6. 不是 HTML5 的新增的特性是： D

• A 新增了很多语义化标签
• B 新增了音频和视频
• C 新增了本地存储
• D 新增伪类

7.css 样式初始化的原因描述错误的是： C

• A 清除默认样式
• B 由于浏览器的内核不同，对标签的默认样式解析不同，导致显示效果不同，所以需要初始化样式
• C 和浏览器没有关系，只是规范而已
• D 保证各个浏览器页面效果的一致性

8. 在 jquery 中，常用的 stop ()，关于 stop () 的说法错误的是 D

• Astop () 停止当前动画，后续动画继续执行
• Bstop (true) 是停止当前动画，后续动画不执行
• Cstop (true,true) 是停当前执行的动画，直接跳到当前动画的最终状态，后续动画不执行
• Dstop (true,true) 是停当前执行的动画，直接跳到当前动画的最终状态，后续动画继续执行

9. 在 javascript 中，关于数学对象说法正确的是: C

• AMath.round (4.5) 的结果是 4
• BMath.floor (4.5) 的结果是 5
• CMath.ceil (4.5) 的结果是 5
• DMath.min (3,4,5) 的结果是 5

10. 对于 addEventListener 绑定事件的说法错误的是 C

• A 可以给一元素绑定多个事件
• BaddEventListener 中的 this 指绑定的元素
• Cdiv.addEventListener ("click",function (),false) 中的 false 代表捕获事件
• Ddiv.addEventListener ("click",function (),false) 中的 false 代表冒泡事件

11. 对闭包的理解说法错误的是： A

• A 闭包不能避免全局污染
• B 闭包可以将内部函数保存到外部的时候
• C 可以从外部访问内部变量
• D 闭包把外部变量保存到内存中不被释放，导致内存泄漏。

12. 设置一个 div 元素的外边距为上：20px, 下：30px, 左：40px, 右：50px，下列书写正确的是：D

• Apadding:20px 30px 40px 50px;
• Bpadding:20px 50px 30px 40px;
• Cmargin:20px 30px 40px 50px
• Dmargin:20px 50px 30px 40px

13. 块级元素说法正确的是： B

• A 块级元素和其他元素在一行显示
• B 块级元素对宽和高，边距生效
• C 块级元素对宽和高生效，边距不生效
• D 块级元素对宽，高，边距都不生效

14. 关于 jQuery 中删除已有元素的方法说法正确的是（） C

• Aremove () 从被选元素中删除子元素
• Bremove () 删除被选元素（不会删除其子元素）
• Cempty () 从被选元素中删除子元素
• Dempty () 删除被选元素及其子元素

15. 在 jquery 中，下列哪一个是用来查找表单中所有隐藏元素的 B

• Avisible
• Bhidden
• Cvisible()
• Dhidden()

16. 设置文字的大小为 14px，加粗，行高为 28px，字体是微软雅黑，字体是倾斜的，以下书写正确的是：D

• Afont:14px "微软雅黑" 28px 600 italic
• Bfont:"微软雅黑" 14px/28px 600 italic
• Cfont:14px/28px 600 "微软雅黑" italic
• Dfont:600 italic 14px/28px "微软雅黑"

17. 在 javascript 中，数据类型转换正确的是： A

• ANumber ("123abc") 的值为 NaN
• BparseInt ("123abc") 的值为 NaN
• CparseInt ("10",8) 的值为 10
• DparseFloat ("abc123.3") 的值为 123.3

18. 对于事件流说法错误的是：C

• A 事件流分为三个阶段
• B 事件流分捕获阶段、目标节点、冒泡阶段
• C 捕获和冒泡同时存在先执行冒泡阶段
• D 目标阶段存在捕获和冒泡，按顺序执行

19. 在开发过程中，图片下面有 1 像素的小间隙，如何去除： B

• A 给图片设置 font-size:0
• B 给图片设置 display:block
• C 给图片设置 border:0
• D 给图片设置 border:none;

20.css3 中的伪类 div p:nth-of-type (3){color:red} 的说法正确的是：B

• A 给 div 元素的第三个子元素设置文字颜色为红色
• B 给 div 元素的后代元素的第三个 p 元素设置文字颜色为红色
• C 给 div 的后代元素 p 设置文字颜色为红色
• D 以上说法都不正确

21. 在 jquery 中，下列哪一个是用将 $(“<p></p>”) 来追加到指定元素末尾的（）C

• AinsertAfter()
• Bappend()
• CappendTo()
• Dafter()

22.Jquery 中，找到所有子元素的方法是： C

• Afind()
• Bsiblings()
• Cchildren()
• Dparent()

23. 在 javascript 中，下列转 Boolean 后值为 false 的是： B

• ABoolean(" ")
• BBoolean(0)
• CBoolean([])
• DBoolean({})

24. 设置背景颜色为 green, 背景图片垂直居中显示，背景图片充满整个区域，但是背景图片不能变形，图片只出现一次，以下书写正确的是： A

• 25.css3 中用什么来定义过渡动画的时间 C

• Atransition-property
• Btransition-timing-function
• Ctransition-duration
• Dtransition-delay

  26. 在 javascript 中，获取今天是星期几的方法是： C

• Anew Date().getDate()
• Bnew Date().getTime()
• Cnew Date().getDay()
• Dnew Date().getFullYear()

  27. 在 javascript 中，执行下列代码后输出的结果是： if (function (){}){ console.log (1); } else { console.log (2); } B

• A2
• B1
• C 什么也不输出
• D 报错

  28. 下列属于内联元素的是： B

• Adiv
• Ba
• Cp
• Dtable

  29. 在 javascript 中，执行下列代码输出的结果是： console.log (+"5"*2+"6"-"4"+true) B

• A13
• B103
• C104
• D12true

  30. 在 javascript 中，执行下列代码输出的结果是： for (var i=0;i<4;i++){ console.log (i) } console.log (i) A

• A0 1 2 3 4
• B0 1 2 3 4 5
• C0 1 2 3

• D4 4 4 4

  1. 关于 @media 书写正确的是： AB

• A@media screen and (max-width: 300px)
• B@media only screen and (max-width: 500px)
• C@media screen (max-width: 500px)
• D@media (max-width: 500px)

  2. 关于选择器优先级正确的是： AC

• Aid 选择器 > 类选择器 > 标签选择器
• Bid 选择器 >!important > 类选择器 > 标签选择器 > 通配符
• C!important>id 选择器 > 类选择器 > 标签选择器
• Did 选择器 > 类选择器 > 标签选择器 >!important

  3. 关于 doctype html 说法正确的是： BC

• A 区分大小写，只有 <!DOCTYPE html> 才是正确的
• B 这句话的作用是告诉浏览器以什么标准去解析网页
• C 这句话可以省略，省略后页面呈怪异模式
• D 以上说法都正确

  4.javascript 中，关于 parseInt () 说法正确的是： AB

• A 将其他类型的数据转成数值
• B 可以将其他进制的数据转成十进制
• CparseInt () 与 Number () 方法功能相同
• D 以上说法都正确

  5. 下列属于 jquery 选择器的是： ABCD

• A 基本选择器
• B 层级选择器
• C 属性选择器
• D 位置选择器

  6. 下面哪几种是 Jquery 中表单的对象属性： ABD

• A:checked
• B:enabled
• C:hidden
• D:selected

  7. 引入样式的方法有哪几种 ABCD

• A 内联样式
• B 内部样式
• C 外部样式

• D 以上都正确

  8. 在 form 标签中，属性 method 的值有哪些 BC

• Arequest
• Bget
• Cpost
• D 以上都正确

  9. 以下关于标签的嵌套书写错误的是： ABCD

10.javascript 中，循环语句有哪些？ BCD

• Aif
• Bwhile
• Cdo while
• Dfor

11.javascript 中，下列结果为 NaN 的是： ABCD

• ANumber("adfa")
• BparseInt("undefined")
• CparseInt("null")
• DparseInt("")

12.javascript 中，下列表达式结果为 true 的是： BCD

• A[]==[]
• B![]==false
• C[]==false
• D[0]==false

13. 下列对于 float 属性的特点说法错误的是： ABC

• Afloat 能向左和向右移动，也可以上下移动
• Bfloat 会占据原有空间
• C 清除浮动的作用不大，可以省略
• D 给父级元素设置 height 可以清除浮动

14.jQuery 中遍历节点的方法，正确的是 ABD

• Anext () 取得匹配元素后面紧邻的同辈元素
• Bprev () 取得匹配元素前面紧邻的同辈元素
• Csiblings () 取得匹配元素前的所有同辈元素
• Dparent () 取得元素的父级元素

15. 以下属于 HTML5 新标签的是： BCD

• Atitle
• Bouput
• Cnav
• Daside

1.jquery 中获取元素宽度包含 padding 的方法是 innerwidth () 对

• A 对
• B 错

2. 在 javascript 中，this 都指向调用者 错

• A 对
• B 错

3.html 是一种超文本标记语言 A

• A 对
• B 错

4. 在 javascript 中，document.getElementById 返回一组元素 错

• A 对
• B 错

5.CSS 中设置字符间距的是 word-spacing 错

• A 对
• B 错

1. 阅读下列说明、效果图和 HTML 代码，进行静态网页开发，填写（1）至（20）代码。
【说明】

这是资源管理平台，用 html+css 完成。

项目包含首页 index.html、css 文件夹、img 文件夹，其中，css 文件夹包含 base.css 文件；img 文件夹包含用到的图片。

请根据效果图和已提供的代码，补全（1）-（20）中的代码。
【效果图】

index.html 在 PC 端效果如图所示。

【素材】

素材.zip

1. 阅读下列说明、效果图和 HTML 代码，进行静态网页开发，填写（1）至（10）代码。
   【说明】

这个某项目中的其中一部分，应用 HTML5 和 css3 技术完成页面的布局。项目包含主页 index.html、style.css 和 img。要求鼠标经过翻转出现遮罩层，根据效果图和已有的代码补全（1）-（10）的代码
【效果图】

【素材】

素材.zip
【代码：主页 index.html】此页代码在此省略，请在 “实操代码” 中第二题查看
【代码：style.css】

1. 阅读下列说明、效果图和代码，用 jquery 完成指定功能。
   【说明】

先要完成一个通讯录，在需要添加人员的时候，点击 “添加行”，当点击删除的时候，序号需要重新排序。同时为了提高用户体验，需要用 js 实现隔行换色。请根据现有的代码和效果图补全代码（1）-（10）
【效果图】

【素材】

素材.zip

4. 阅读下列说明，用 javascript 编写程序。填写（1）至（10）代码。
【说明】
在某项目中，在首页需要实现左右轮播的效果图，要求用 javascript 完成，根据已经提供的代码，补全（1）-（10）位置上的代码。

【效果图】

【素材】

素材.zip
【index.html】
布局结构如下代码，并将样式引入。

5. 阅读下列说明、效果图和代码，完成移动端布局。
【说明】

在某项目中，项目中的文件包含 index.html、style.css 和 images 文件夹。请根据现有的代码和效果图补全代码（1）-（5）
【效果图】

【素材】素材.zip
【index.html】

1+x 证书 web 前端开发初级对应课程分析
http://blog.zh66.club/index.php/archives/194/

1+X 证书 Web 前端开发中级对应课程分析
http://blog.zh66.club/index.php/archives/195/

1+x 证书 Web 前端开发初级理论考试样题 2019
http://blog.zh66.club/index.php/archives/149/

1+x 证书 Web 前端开发初级实操考试样题 2019
http://blog.zh66.club/index.php/archives/150/

1+x 证书 Web 前端开发中级理论考试样题 2019
http://blog.zh66.club/index.php/archives/151/

1+x 证书 Web 前端开发中级实操考试样题 2019
http://blog.zh66.club/index.php/archives/152/

1+x 证书 Web 前端开发初级理论教案
http://blog.zh66.club/index.php/archives/322/

1+x 证书 Web 前端开发中级理论教案
http://blog.zh66.club/index.php/archives/320/

1+x 证书 Web 前端开发中级理论考试（试卷 1）
http://blog.zh66.club/index.php/archives/153/

1+x 证书 Web 前端开发中级理论考试（试卷 2 ）
http://blog.zh66.club/index.php/archives/154

1+x 证书 Web 前端开发中级理论考试（试卷 3 ）
http://blog.zh66.club/index.php/archives/170/

1+x 证书 Web 前端开发中级理论考试（试卷 4 ）
http://blog.zh66.club/index.php/archives/191/

1+x 证书 Web 前端开发中级理论考试（试卷 5 ）
http://blog.zh66.club/index.php/archives/297/

1+x 证书 Web 前端开发中级理论考试（试卷 6）
http://blog.zh66.club/index.php/archives/319/

1+x 证书 Web 前端开发初级理论考试（试卷 7 ）
http://blog.zh66.club/index.php/archives/412/

1+x 证书 Web 前端开发初级理论考试（试卷 8 ）http://blog.zh66.club/index.php/archives/414/

1+x 证书 Web 前端开发初级级理论考试（试卷 2 ）
http://blog.zh66.club/index.php/archives/176/

1+x 证书 Web 前端开发初级级理论考试（试卷 3 ）
http://blog.zh66.club/index.php/archives/299/

1+x 证书 Web 前端开发初级级理论考试（试卷 4 ）
http://blog.zh66.club/index.php/archives/315/

《Web 前端开发》等级考试样题～以国家 “1+X” 职业技能证书为标准，厚溥推出 Web 前端开发人才培养方案
http://blog.zh66.club/index.php/archives/156/

pdf 版查看链接三套完整版
http://blog.zh66.club/usr/uploads/2019/12/4294434490.pdf
http://blog.zh66.club/usr/uploads/2019/12/2430725541.pdf
http://blog.zh66.club/usr/uploads/2019/12/761774577.pdf