广东省职业技能等级认定证书试卷样题计算机程序员-Web前端开发(三级)答案.docx

广东省职业技能等级认定统一试卷
计算机程序设计员（web前端开发）技能等级认定
高级技能考核试卷标准答案
第一题：开发环境搭建及项目配置（10分）1.打开xampp,开启mysql和apache服务,通过可以正常访问，以考号后4
位-1-1.jpg保存。（5分）
2.创建网站目录web,并创建子目录css、js、img,把素材提供的img> goods.php复制到 网站目录,以考号后4位-l-2-l.jpg保存。（5分）
Win （C:） > xampp > htdocs > web >名称人
cssimg
js
第二题：网站页面布局（50分）使用w3c标准的标签布局。（5分）
答案：查看是否使用div+css布局。
1. 首页整体框架布局。（5分）答案：整体页面符合效果图，使用div合理布局。
3页面分辨率自适应设备（375x667和320x480两种分辨率）。（5分）答案：页面可自动适配设备分辨率。
4完成首页头部布局。（5分）

答案：整体页面符合效果图，使用div合理布局。
5. 完成页面右上方菜单布局，默认菜单隐藏，点击菜单按钮后显示菜单内容，效果如下。
（5分）点击前菜单效果

点击前菜单效果
点击后菜单效果
答案：整体页面符合效果图，使用div、li合理布局。
6. 完成首页“限时折扣”商品图文列表布局。（5分）
海天鲜味生抽1.28L
价格10.9元
日期 2021-06-12 14:10佳/Moony婴儿纸尿
裤M64*3包

佳/Moony婴儿纸尿
裤M64*3包
他母25元
幅限制” 13:57
以箫
尔多十字
葡萄酒
750ml
日本进口尤妮答案：整体页面符合效果图，使用div、li合理布局。
7. 完成首页底部布局。（5分）
登陆
购物车
客服
版权所有©爽YY 2021 W XXX号
答案：整体页面符合效果图，使用div合理布局。
8. 完成首页“限时折扣”、“品牌大全”、“日常用品"、“更多”分类标签布局。（5分）❻倒⑥。
限时折扣 品牌大全 日常用品更多
答案：整体页面符合效果图，使用div、li合理布局。
9.页面文字可选（LOGO、图标除外）。（5分）答案：检查文字是否用图片。
10完成限时折扣商品详情分页布局。（5分）答案：整体页面符合效果图，使用div合理布局。
第三题：网站交互功能开发（20分）完成轮播图自动切换（5分）
答案：轮播图可自动切换。
2. 完成轮播图滑动（5分）答案：轮播图可通过触摸左右滑动切换。
3. 底部导航选中高亮（5分）
宅陆购物车
版权所有©爽YY 2021尊XXX号答案：底部导航选中高亮。
4. 完成搜索验证，点击搜索按钮，如搜索框内容为空，则提示搜索内容不能为空。（5分）

答案：点击搜索提示不能为空，可用对话框方式提示。
第四题：网站后台功能开发（20分）I.使用v-if或v-show控制双II促销广告的状态，默认显示，点击关闭按钮可隐藏。（5分）

答案：检查双II促销广告显示或隐藏是否通过v-if控制，点击关闭按钮是否可隐藏。
2.首页“限时折扣”、“品牌大全"、“日常用品"、"更多"商品分类使用v-for实现。（5分）❻匍⑥。
限时折扣品牌大全日常用品 更多
答案：检查商品分类是否使用v-for实现。
2. 底部导航使用路由进行页面跳转（5分）答案：检查底部导航是否使用vue路由进行页面跳转。
日本进口尤妮
佳/Moony婴以氏尿
裤M64*3包
价格25元
慵限制心
3:57
以萧
750ml
尔多十字 萄萄酒
使用axios获取限时折扣商品数据并渲染到首页，API接口为
http://1 ,请求方法为 GET 方法。（5 分）海天鲜味生抽1.28L
价格10.9元
日期 2021-06-12 14:10

答案：（一）检查是否使用axios类库（二）查看数据渲染效果是否符合效果图。