Web前端开发职业技能等级证书模拟真题详解(中级、高级)

这本证是今年工业和信息化部新出的一本关于1+X证书的前端的技能证书。据说这本证含金量非常高，关于这本证有兴趣的进网站进行详细了解。工业和信息化部教育与考试中心

注意！：该题目来源于学校模拟考试，不保证与真实考试的题目有关系。
题目答案均为自己做的，不保证答案的正确性。
考试分为上午的理论知识还有下午的实操题。实操题后续会更新。

（中级）理论知识

一、单项选择题

1. 在Bootstrap中，可以使用navbar-header类的情况是（）
   A. 为整个页面添加一个标题
   B.为导航栏添加一个标题
   C.为导航栏 添加头部
   D.为整个页面添加头部

正确答案：B

2. 下列选项中，（）输入类型定义滑块控件。
   A.range
   B.controls
   C.search
   D.slider

正确答案：A 。注意不要与D选项的slider混淆，虽然slider的中文也是滑块，但这是错的。

4. 使用CSS3过度效果“transition: width .7s esse-in .1s;”,其中“.7s”对应的属性是（）
   A.transition-duration:对象过渡的持续时间
   B.transition-property:对象中参与过渡的属性
   C.transition-delay: 对象延迟过渡的时间
   D.transition-time: 对象过渡的等待时间

正确答案：A 。正确的属性顺序为：transition: property duration timing-function delay;

5. mysql_connect（）与@mysql_connect（）的区别是（）；
   A.没有区别
   B.功能完全不同的两个函数
   C.@mysql_connect()不会忽略错误，将错误显示到客户端
   D.mysql_connect()不会忽略错误，将错误显示到客户端

正确答案：D。 加@的作用为屏蔽错误，如果有错的话，会把语句都显示出来。
加@就不显示。

6. 在HTML5中，元素（）用于组合标题元素
   A.< group >
   B.< hgroup>
   C.< headings>
   D.< header>`

正确答案：B。 在H5中没有A,C两个标签。

7. 下列选项中，JavaScript声明变量语句中不正确的是（）
   A. var dd = ee = 100;
   B. var ff=3, gg=&apos；he&apos；s good&apos；
   C. var aa;
   D. var bb=3；cc=&apos；good&apos；；

正确答案：B &apos为单引号，B选项相当于 var ff=3,gg=‘he’s good’ ;这样的话单印号就不匹配了。而D选项等于 var bb=3; cc=‘good’;

8. 要查看一个变量的数据类型，可使用函数（）
   A. Type()
   B. gettype()
   C. type()
   D. GetType()

正确答案：B。这是PHP的查看用法。C选项中是python中的查看方法，所以排除了。

9. 以下MySQL命令的作用是（）

 Create table gb(
   Gusetname char(12) not null,
   Email char(40),
   Siteurl char(80),
   Content text,
   Id int auto_increment primary key
);

A.建立一个名为gb的数据库，其中包含GuestName、Email、siteurl、content、id等数据表
B.建立一个名为gb的数据库表，其中包含GuestName、Email、siteurl、content、id等字段
C.建立一个名为gb的数据库表，其中包含char、char、char、text、int等字段类型
D.建立一个名为gb的数据库，其中包含GuestName、Email、siteurl、content、id等用户

正确答案：B

10. 下列选项中，用于设置弹性盒子元素将向行起始位置对齐的是（）。
    A. justify-content ： flex-start ;
    B.flex：start；
    C.justify-content ：start ;
    D. flex: flex-start;

正确答案：A 。justify-content 设置或检索弹性盒子元素在主轴方向上的对齐方式。flex-start：默认值，弹性盒子元素将向行起始位置对齐。

11. 使用媒体查询时，媒体类型取值为screen代表（）
    A.用于掌上设备或者更小的装置
    B. 用于固定的字符网络，如电报、终端设备和对字符有限制的便携设备
    C.用于所有设备
    D.用于电脑屏幕，平板电脑，智能手机等

正确答案 D，

13. 如果想取得最近一条查询的信息，应该使用哪个函数（）
    A.mysql_insert_id()
    B.mysql-free_result
    C.mysql_info
    D.mysql_stat

正确答案 C

14. 在bootstrap中，使用tab标签页插件，要显示的内容要放在下方哪个容器里面（）
    A. .tab-body
    B. .tab-content
    C. .tab-group
    D. .content

正确答案 B

15. 在bootstrap中，定义标签页的选项中需要使用的类是（）
    A. .checked类
    B. .chose类
    C. .selected类
    D. .active类

正确答案 D

16. bootstrap轮播图中，用于控制轮播计数器的类是（）
    A. .carousel
    B. .carousel-indicators
    C. .carousel-num
    D. .carousel-inner

正确答案 B

17. 关于mysql_select_db的作用描述正确的是（）
    A:连接并选取数据库
    B:连接并打开数据库
    C:选取数据库
    D:连接数据库

正确答案 A

18. 在bootstrap中，用于展示一个危险动作的按钮操作的类是（）
    A. .btn类
    B. .disabled类
    C. .btn-danger类
    D. .btn-warning类

正确答案 C

19. 关于PHP，下列说法错误的是（）
    A.PHP网页，运行时在客户端不可查看到真实的PHP源代码
    B.开发PHP网站所使用的脚本语句是PHP
    C.PHP和HTML不可混合编程
    D.网页中PHP代码必须用分隔符“<”和“>”将其括起来

正确答案C

21.、假设今天是2019年11月1日星期六。请问以下JS代码输出结果（）

var time=new Date();
Document.write(time.getDate());

A.1
B.2019
C.6
D.11

正确答案 A 。getDate() 方法可返回月份的某一天。getFullYear() 从 Date 对象以四位数字返回年份。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。

22. 以下属于location对象的方法，使用它可以实现页面重新加载的是（A）
    A.reload
    B.hostname
    C.host
    D. replace

正确答案 A 。hostname：设置或返回当前URL的主机名. host：设置或返回主机名和当前URL的端口号. replace()：用新的文档替换当前文档

23. 用于将事务处理写到数据库的命令是（）
    A. insert
    B. savepoint
    C. commit
    D. select

正确答案 C。 A选项为插入数据，B为设置保存点，并和rollback结合使用，实现回滚到指定保存点。D选项为从数据表中查询数据

24. 在HTML5中，方法（）用于获得用户的当前位置
    A.getCurrentPosition()
    B.getClientPosition()
    C.getUserPosition()
    D.getPosition()

正确答案 A

25. 在canvas中，用于绘制图片的方法是（）
    A.strokeImage()
    B. drawImage()
    C. fillImage()
    D. draw()

正确答案 B

26. 阅读下面的代码，段落标签内文本最终显示的颜色是（）

……
春潮带雨晚来急，野渡无人舟自横。
……

A:#00f
B:#333
C:#666
D:#f00

正确答案 C 。因为权级问题，id权级为100，class为10，100>20，所以颜色为#666

27. 在HTML中，以下代码所示的表格包含的单元格数量是（）

成绩单


Java
C#
HTML


100
80
65

A. 1
B. 3
C. 5
D. 7

正确答案 D。一对td便签为一个单元格。

28. 在PHP的str_replace(1,2,3)函数中，1，2，3所代表的含义是（D）
    A. “取代字符串”，“被取代字符串”，“来源字符串”
    B. “来源字符串”，“被取代字符串”，“取代字符串”
    C. “来源字符串”，“取代字符串”，“被取代字符串”
    D. “被取代字符串”，“取代字符串”，“来源字符串”

正确答案D .

29. 以下哪个不是HTML5的语义化标签（）

A. < marquee >< marquee >
B. < header >< /header >
C. < section >< /section >
D. < article >< /article >

正确答案 A

30. 下来选项中，关于栅格系统的说法，错误的是（）
    A. 对于网页设计来说，栅格系统的使用，可以让网页信息的呈现更加美观易读
    B. 对于前端开发来说，网页将更加的灵活与规范
    C. 栅格系统是一种响应式设计的实现方式
    D. 栅格系统是一个用于响应式设计的组件

正确答案 D

二、多项选择题

31. 关于bind()方法与unbind()方法说法正确的是（）
    A:unbind()方法可以同时移除多个事件，但不能移除单个事件
    B:bind()方法可用来移除单个或多个事件
    C:使用bind()方法可同时绑定鼠标事件和键盘事件
    D:unbind()方法是与bind()方法对应的方法

正确答案C、D

32. 属于PHP不等运算符的有（）
    A:<>
    B:=/
    C:><
    D:!=

正确答案A、D

33. Laravel框架支持的几种数据库系统是（）
    A:SQL Server
    B:SQLite
    C:Postgres
    D:MySQL

正确答案A、B、D

34. 在HTML中，用于播放视频与音频文件的元素是（）
    A:< video >元素
    B:< move >元素
    C:< play >元素
    D:< audio >元素

正确答案A、D

35. 下列选项中，有关Bootstrap组件默认样式，描述正确是（）
    A:目前没有方法可以修改Bootsstrap组件默认样式
    B:可以查找Bootstrap源码样式，用CSS覆盖掉这些默认样式
    C:Bootstrap组件提供的样式已经足够使用，无需修改
    D:使用!important可以提高代码优先级

正确答案B、D

36. 使用RESTful API规范设计用户管理模块，设计新增用户接口和查询用户接口时，分别选用动词为（）
    A:DELETE
    B:POST
    C:GET
    D:PUT

正确答案B、C

37. 下列选项中，设置外阴影且阴影在盒子顶部的选项是（）
    A:box-shadow:-7px -4px 10px #000 insert;
    B:box-shadow:7px -4px 10px #000;
    C:box-shadow:7px 4px 10px #000 insert;
    D:box-shadow:-7px -4px 10px #000

正确答案B、D 。因为第二个值中是垂直阴影的位置，只有为负数的时候才在顶部。而insert属性是从元素侧边进行投影,但是只渲染盒子内部的,丢弃外部的阴影.

38. RESTful架构的特点包括（）
    A:每一个URL代表一种资源
    B:客户端通过3个HTTP动词，对服务器端资源进行操作，实现“表现层状态转化”
    C:客户端通过4个HTTP动词，对服务器端资源进行操作，实现“表现层状态转化”
    D:客户端和服务器之间，传递资源的某种表现层

正确答案A、C、D

39. jQuery中操作ajax的方法分别有（）
    A:Json()
    B:$.post()C:$.get()
    D:$.ajax()

正确答案B、C、D

40. Ajax技术的组成包括（）等
    A:XMLHttpRequest
    B:CSS
    C:JavaScript
    D:PHP

正确答案A、B、C

41. PHP函数的参数传递包括（）
    A:按作用传递
    B:按变量传递
    C:按值传递
    D:按引用传递

正确答案B、C

42. 下列选项中关于JavaScript运算符描述正确的是（）
    A:a^ =b，相当于a=a^b
    B:a+=b，相当于a=a+b
    C:a%=b，相当于a=a%b
    D:a-=b，相当于a=a-b

正确答案A、B、C、D

43. Ajax接受的数据类型有（）
    A:图像
    B:json
    C:文本
    D:XML

正确答案B、C、D

44. 为了适应移动设备，HTML页面可以用mate标签duiviewport进行控制，mate标签内可以控制下列哪些（）
    A:user-scalable
    B:max-width
    C:max-length
    D:initial-scale

正确答案A、B、D

45. PHP中可以实现循环的指令有（）
    A:waiting
    B:if
    C:for
    D:while

正确答案C、D

三、判断题

46. 响应式设计追求PC优先，移动适应。（错）
    对
    错
47. Bootstrap插件不全部依赖jQuery（错）
    对
    错
48. 盒阴影box-shadow中“阴影模糊值”不可以为负数（对）
    对
    错
49. < video >标签不添加controls属性，只添加autoplay属性，也可以实现自动播放。（对）
    对
    错

controls属性是设置向用户显示控件，比如播放/暂停/定位/音量/全屏切换/字幕/音轨按钮。
autoplay属性当视频在就绪后则马上播放。

48. PHP中，单引号字符串不支持变量解析以及转义字符（对）
    对
    错