《web全栈开发职业技能等级证书》试卷

初级（第一套）

（满分：100 分 用时：120 分钟）

一、 单选题 （共20题，20分）

1、雪碧图（CSS sprite）利用CSS的什么定位来显示的雪碧图中所需的小图片？（ ）（1.0）

A、 绝对定位

B、 相对定位

C、 背景定位

D、 浮动

2、text-align的属性值justify含义是什么？（ ）（1.0）

A、 左对齐

B、 右对齐

C、 居中对齐

D、 两端对齐

3、哪个属性设置背景图像的位置？（ ）（1.0）

A、 background-position

B、 background-color

C、 background-image

D、 width

4、表单标签是下面哪一个？（ ）（1.0）

A、 <form>

B、 <table>

C、 <button>

D、 <select>

5、通配符选择器使用下列选项中哪个符号来标识？（ ）（1.0）

A、 #

B、 @

C、 .

D、 *

6、CSS中background-color属性的含义是什么？（ ）（1.0）

A、 设置背景颜色

B、 设置背景图像的位置

C、 设置背景图片的尺寸

D、 设置背景的绘制区域

7、CSS文本样式中，哪一个用于设置字体样式？（ ）（1.0）

A、 font-size

B、 font-family

C、 font-weight

D、 font-style

8、实例对象中，（）属性能够指向该对象的构造函数（1.0）

A、 prototype

B、 __proto__

C、 construct

D、 attribute

9、面向对象的核心思想是（1.0）

A、 过程

B、 对象

C、 类

D、 步骤

10、使用“{}”语法创建的对象，其对应的构造函数为()。（1.0）

A、 Object

B、 Function

C、 null

D、 defined

11、Ajax请求后的数据怎样呈现在页面中（）（1.0）

A、 Ajax请求回放入数据会自动插入到页面中

B、 Ajax请求完成之后通过JavaScript操作DOM吧数据插入到页面中

C、 Ajax请求即会做页面跳转，跳转至请求回的页面

D、 每个页面只会在页面加载的时候发出Ajax请求，渲染出整个页面

12、Object的原型对象的__proto__属性为()（1.0）

A、 Function

B、 window

C、 undefined

D、 null

13、下面代码$('li:nth-child(1)').css('background', 'orange');说法正确的是（）（1.0）

A、 获取父元素下仅含一个li的子元素并设置背景色

B、 获取每个ul列表下的第一个li元素并设置背景色

C、 获取每个父元素下的第一个子元素

D、 获取每个父元素下的最后一个子元素并设置背景色

14、在jQuery中，用（）来实现p元素的复制。（1.0）

A、 $("p").clone()

B、 $("p").text()

C、 $("p").text().clone()

D、 $("p").clone(text)

15、在微信小程序中，（ ）组件不仅能够实现轮播效果，还可以实现标签页切换效果。（1.0）

A、 swiper

B、 picker

C、 progress

D、 slider

16、下列不属于弹性布局的属性是（ ）。（1.0）

A、 flex:1

B、 display:flex

C、 flex-direction:column

D、 float:left

17、在微信小程序中，可以在组件上通过（ ）来绑定事件处理函数。（1.0）

A、 bindTouch

B、 bindTap

C、 bindMove

D、 bindListen

18、微信小程序中WXML 提供两种文件引用方式import和include，下面说法错误的是（ ）。（1.0）

A、 import可以在该文件中使用目标文件定义的template

B、 include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入，相当于是拷贝到 include 位置

C、 import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template

D、 C import B，B import A，这样就可以在C中可以使用A定义的template

19、微信小程序中，（ ）组件是表单组件中的一种，用于滑动选择值。（1.0）

A、 swiper

B、 picker

C、 progress

D、 slider

20、用于开发微信小程序的工具是（ ）。（1.0）

A、 Hbuilder

B、 微信开发者工具

C、 Chrome

D、 Vscode

二、 多选题 （共10题，20分）

1、在CSS3中提供了变形的操作，主要设置transform的哪些属性？（ ）（2.0）

A、 rotate（旋转）

B、 scale（缩放）

C、 translate（移动）

D、 skew（倾斜）

2、JavaScript 没有任何打印或者输出的函数，可以通哪些方式输出数据？（ ）（2.0）

A、 window.alert()

B、 document.write()

C、 console.log

D、 innerHTML

3、在HTML中，列表标签有哪些？（ ）（2.0）

A、 有序列表

B、 表单列表

C、 自定义列表

D、 无序列表

4、以下哪些选项是组件化开发的原则（2.0）

A、 标准性

B、 专一性

C、 复用性

D、 组合性

5、JSON键值的数据类型可以为（）（2.0）

A、 字符串

B、 数值

C、 对象

D、 数组

6、 在JQuery中，能够实现元素高度变化的是（2.0）

A、 slideUp( )

B、 slideDown( )

C、 slide( )

D、 slideChange( )

7、微信小程序中，下列关于注释的说法正确的是（ ）。（2.0）

A、 JS 脚本中可以使用“//”进行注释

B、 JSON配置文件中可以使用“//”进行注释

C、 WXML 模板文件中可以使用“<!-- -->”进行注释

D、 WXSS模板文件中可以使用“<!-- -->”进行注释

8、微信小程序中，下列组件中都有bindchange属性的是（ ）。（2.0）

A、 radio-group

B、 checkbox-group

C、 slider

D、 switch

9、下列那些属性是微信小程序的所有组件均有的属性。（ ）（2.0）

A、 hidden

B、 loading

C、 focus

D、 class

10、微信小程序中，JSON的值只能是以下几种数据格式：（ ）（2.0）

A、 Bool值

B、 数组

C、 对象

D、 Null

三、 判断题 （共10题，20分）

1、在Web设计中，网页中的标签默认是按照从上到下的方式进行排版。（ ）（2.0）

2、修改图片尺寸时只需要修改图片的width或者height一项即可，高度和宽度都会等比例缩放。（ ）（2.0）

3、行内元素可以设置宽高，默认的宽度就是文字的宽度，与其他行内元素并排，不会自动进行换行。（ ）（2.0）

4、重排必将引起重绘，而重绘不一定会引起重排（2.0）

5、JSONP 无需配合JavaScript就可以完成跨域请求。（2.0）

6、在JavaScript中如果被访问的属性不存在，则返回undefined（2.0）

7、实例的原型对象和它构造函数的原型对象是同一个对象（2.0）

8、微信小程序中，<swiper-item>只可以放在<swiper>组件中。（2.0）

9、微信小程序中，picker是选择器，当它的mode属性取不同的值时，picker拥有不同的属性。mode = region时，picker是省市区选择器。（2.0）

10、微信小程序中，在组件上使用 wx:if控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。（2.0）

四、编程实操题（每题 20 分，2 题，共 40 分）

1、简答题

HTML中标签分为哪些类型？请分别举例说明。

2、实操题

阅读下列效果图、素材和说明，进行小程序的开发。

（1）效果图

在微信开发者工具的效果如图1-1、1-2所示，界面主要包含下部导航栏和内容两部分，当点击不同的导航栏目时内容随之发生改变，其中微信界面显示Hello World字样，发现界面需要将提供的图片展现在内容部分。

图1-1 图1-2

（2）说明

这是一个仿照微信app的小程序，请编写导航部分。

项目目录名称为exam1，包含首页index文件夹、通讯录contact文件夹、发现find文件夹、我me文件夹、images文件夹，其中，images文件夹中图标和发现部分的内容素材已提供。请按照要求编写相应位置的代码。

①请编程实现导航栏，实现图标的选中与未选中状态，并且内容部分显示相应的页面；（12分）

②请在微信（index）界面内容部分中，使用数据绑定的方式将index.js中预设好的Hello World显示出来；（2分）

③配置wxss文件，使界面据顶端200px处显示Hello World字样；（2分）

④请在发现（find）界面内容部分，以缩放模式，宽度不变，高度自动变化，保持原图宽高比不变的方式将pengyouquan.png图片展现出来。（4分）

栏目与图标的对应：

app.json

index.wxml

find.wxml