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

计算机程序员-Web前端开发（三级）技能试卷（A）注意事项1、考试时间：180分钟。2、请在试卷标封处填写姓名、身份证号、准考证号和所在单位的名称。请根据设计稿完成页面布局，特效开发、及后台数据渲染。爽YY电商网站效果如下 图所示（左图为首页，右图为限时折扣商品详情页），按题目要求完成网站开发设计，素 材提供相应的图片和框架类库。爽YY31辎入ift品名称倒街。IR时折扣品牌大全日常用品 更多海天鲜味生抽1.28L价格10.9元日期 2021-06-12 14:10爽YY限时折扣返回海天鲜味生抽1.28L价格 10.9元日期 2021-10-25 14:10日本进口尤妮 佳/Moony勒顾尿 裤M64,3包价格25元日期 2021-06-12 13:57法国进口波尔多十字 布伊堡干白葡萄酒 750ml价格19.97T日期 2021-06-12 13:49蜂蜜黑蜂锻树雪蜜蜂 蜜1680g（420g，4 瓶）价格50元日期 2021-06-12 13:40AVEENO艾维诺天然 燕麦婴儿润肤乳 227寸2件价格日期 2021-06-12 13:22海天的金标生抽修油，采用了非转摆因大豆以及 小麦发酵而成，而自然鲜的口感是有些鲜甜鲜甜 的感觉，非常适合用来作为日常炒菜用的调味 料，当然也能用作白切系列的酱词料，相信吃 过美味瞄1友们都了解的.618购物节前下单 优S他价10.沅，规格1.28L.购买客服登陆购物车客眼版反所有幻爽YY 2021导XXX号购物车版权所有典2021园XXX号第一题：开发环境搭建及项目配置（10分）打开xampp,开启mysql和apache服务，通过可以正常访问,以考号后4 位-l-l.jpg 保存。（5 分）创建网站目录web,并创建子目录css、js、img,把素材提供的img、goods.php复制到 网站目录，以考号后4位-l-2-l.jpg保存（5分）第二题：网站页面布局（50分）使用w3c标准的标签布局。（5分）1. 首页整体框架布局。（5分）页面分辨率自适应设备（375x667和320x480两种分辨率）。（5分）2. 完成首页头部布局。（5分）爽YY3. 完成页面右上方菜单布局，默认菜单隐藏，点击菜单按钮后显示菜单内容，效果如下。（5分）点击前菜单效果爽 YY首页购物车灯我们点击后菜单效果4. 完成首页“限时折扣”商品图文列表布局。（5分）海天鲜味生抽1.28L价格10.9元日期 2021-06-12 14:10日本进口尤妮佳/Moony婴儿纸尿裤M64*3包他母25元幅限制” 13:57以箫尔多十字葡萄酒750ml完成首页底部布局。（5分）登陆购物车客服版权所有爽YY 2021 W XXX号（5分）（5分）5. 完成首页“限时折扣”、“品牌大全”、“日常用品”、“更多”分类标签布局限时折扣品牌大全日常用品更多6. 页面文字可选（LOGO、图标除外）。（5分）完成限时折扣商品详情分页布局。（5分）第三题：网站交互功能开发（20分）完成轮播图自动切换（5分）1. 完成轮播图通过触摸左右滑动切换（5分）底部导航选中高亮（5分）宅陆购物车版权所有爽YY 2021尊XXX号（5分）2. 完成搜索验证，点击搜索按钮，如搜索框内容为空，则提示搜索内容不能为空。请输入商品名称第四题：网站主流框架应用（20分）1.使用v-if或v-show控制双11促销广告的状态，默认显示，点击关闭按钮可隐藏（5分）2.首页“限时折扣”、“品牌大全、“日常用品、更多商品分类使用v-for实现（5分）3.4.匍。限时折扣品牌大全日常用品 更多底部导航使用路由进行页面跳转（5分）使用axios获取限时折扣商品数据并渲染到首页，API接口为m m mbocyhttp:/Iocalhost/web/goods.php （5 分）海天鲜味生抽1.28L价格10.9元日期 2021-06-12 14:10日本进口尤妮 也Moony婴归任尿 裤M64*3包丝25元幅*贱小3:57尔多十字小w 萄萄酒750ml