响应式Web应用前端开发教程 试卷A答案

1、命题人:申阅人:弑卷答室（A卷）（2021-2022学年第一 学期期末考试）考试科目适用专业适用专业班级（年级）一、填空（5分，每空1分）1、2、mr-33、toast4、on() off()二、单项选择题（30分,1、C 2、C 3、6、B. 7、A 8、三、多项选择题（10分,1、ABC 2、CD每题3分）A. 4、AD. 9、C每题2分）5、B.10、D.3、ABCD.4、BD 5、ABCD.四、判断题（20分,每题2分）5、1、X6、X 7、X 8、X 9、X10、 V五、简答题（25分）1、试述响应式布局的优缺点（5分）nip料答：优点：面对不同分辨率设备灵活性强能够快捷解决多设备显

2、示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长2、.列出至少5种jQuery选择器并简述其功能（5分）答:理弹器具体描述id选择器根据id选取对应的html元素类选择器根据应用的css类选取对应的html元素标签名选择器根据标签的名称选取对应的html元素祖先后代选择器选择指定祖先元素的所有指定类型的后代元素父子选择器选择指定父元素的所有指定类型的子元素prevsiblings 选择器选择指定prev元素后的根据siblings过滤的元素prev+next前后选择器选择指定prev元素后的所有next元素上表中列出的，答对任意5个选择器均可得分。3、

3、试列举Bootstrap图标的三种用法。（5分）答：Svg HTML引用，在HTML文件中引用目标图标的svghtml代码。作为svg图片引用，需要下载或者网络引用目标图标的svg文件。以web字体的方式引用，需要下载或者网络引用图标库样式文件，并配置目标图标 类。4、列举5种具有JS行为的Bootstrap组件。（5分）答：轮播器、下拉菜单、模态框、折叠面板、选项卡导航5、试述“互联网+”创业、创新的理解，以及相关的创业、创新思路。（5分）开放性答案六、编程题（10分）1、补足以下空白出，采用Bootstrap4卡片组件实现上图下文的图文单元，设置延展链接,超链效果在整个卡片区域有效。（5分

4、，每空1分）婺源/115婺源县,隶属于江西省上饶市，位于江西省东北部，总 面积2967平方千米。2、将代码空白的局部补充完整（要求使用jQuery）,完成如下要求的功能：（5分）1、表格首行和尾行的颜色为绿色（green）,数据行做斑马纹效果底色为浅绿色（lightgreen）2、表格最后一个单元格中显示所有“食品类”商品的价格总和。如以下图所示编号分类名称价格（元）I01良口口农夫山泉矿泉水2.0002日用品洗发水25.0003娱乐休闲暑颜游5000.0004合口 良口口面包20.00总额22.00评分标准 TOC o 1-5 h z jQuery选择器使用1分jQuery设置样式1分jQu

5、ery循环流程控制1分jQuery获取文本并计算1分jQuery输出1分#bills width: 400px;border-collapse: collapse;)th, td border: solid Ipx;)$(function() $(,tr:even,).css(,background-color,/Iightgreen,);$(tr:rst,tr:last).css(,background-color,:,greencolor:* white1)；$foods = $(tr:contains(食品)；sum = 0;$foods.each(function() $this = $(this);sum += parseFloat($thisJfind(td:last).text();)；$(td:last).text(sum.toFixed(2);)；vth 编号 v/thvth 分类 vth 名称 vth 价格(元)v/th01 食品 vtd农夫山泉矿泉水