第1节 Web全栈开发样卷（初级）答案
《web全栈开发职业技能等级证书》试卷答案
初级（第一套）
（满分：100 分 用时：120 分钟）
一、 单选题 （共20题，20分）
1、C
2、D
3、A
4、A
5、D
6、A
7、D
8、C
9、B
10、A
11、B
12、D
13、B
14、A
15、A
16、D
17、B
18、D
19、D
20、B
二、 多选题 （共10题，20分）
1、ABCD
2、ABCD
3、ACD
4、ABCD
5、ABCD
6、AB
7、AC
8、ABCD
9、AD
10、ABCD
三、 判断题 （共10题，20分）
1、正确
2、正确
3、错误
4、正确
5、错误
6、正确
7、正确
8、正确
9、正确
10、错误
四、编程实操题（每题 20 分，2 题，共 40 分）
1、简答题
答案：
HTML的标签分为：单标签、双标签和注释标签。（5分）
单标签是指用一个标记符号<>描述某个功能，常用的单标签有<br>、<hr>、<img>、<input>、<param>、<meta>、<link>等。（列出3个即可，5分）
双标签是指由开始和结束两个标记符组成的标签，<>表示标签开始，</>表示标签结束，常用的双标签有<html>、<head>、<title>、<body>、<table>等。（列出3个即可，5分）
2、实操题
①请编程实现导航栏，实现图标的选中与未选中状态，并且内容部分显示相应的页面；（12分）
②请在微信（index）界面内容部分中，使用数据绑定的方式将index.js中预设好的Hello World显示出来；（2分）
③配置wxss文件，使界面据顶端200px处显示Hello World字样；（2分）
④请在发现（find）界面内容部分，以缩放模式，宽度不变，高度自动变化，保持原图宽高比不变的方式将pengyouquan.png图片展现出来。（4分）
答案
（1）app.json文件代码
{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/contact/contact", "pages/find/find", "pages/me/me" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#eee", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "tabBar": { "list": [ { "iconPath": "./images/weixin.png", "selectedIconPath": "./images/weixinSelect.png", "pagePath": "pages/index/index", "text": "微信" }, { "iconPath": "./images/contact.png", "selectedIconPath": "./images/contactSelect.png", "pagePath": "pages/contact/contact", "text": "通讯录" }, { "iconPath": "./images/find.png", "selectedIconPath": "./images/findSelect.png", "pagePath": "pages/find/find", "text": "发现" }, { "iconPath": "./images/me.png", "selectedIconPath": "./images/meSelect.png", "pagePath": "pages/me/me", "text": "我" } ] }, "style": "v2", "sitemapLocation": "sitemap.json" } |
|---|
（2）index.wxml文件代码
<!--index.wxml--> <view class="container"> <view class="usermotto"> {{motto}} </view> </view> |
|---|
（3）find.wxml文件代码
<image mode="widthFix" src="../../images/pengyouquan.png"></image> |
|---|
学员评价