广东省职业技能等级认定证书试卷样题计算机程序员-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 名称人cssimgjs第二题：网站页面布局（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类库（二）查看数据渲染效果是否符合效果图。