Web前端开发 高级 下
作者：（中国）工业和信息化部教育与考试中心
出版时间：2019年版
内容简介
面向职业院校和应用型本科院校开展1+X证书制度试点工作是落实《国家职业教育改革实施方案》的重要内容之一，为了便于X证书标准融入院校学历教育，工业和信息化部教育与考试中心组织编写了《Web前端开发（高级）》教材。本教材以《Web前端开发职业技能等级标准》（高级）为编写依据，分上、下两册，包括前端高效开发框架技术与应用、移动Web设计与开发、性能优化与自动化技术三篇，分别对应《Web前端开发职业技能等级标准》（高级）涉及的三门核心课程：“前端高效开发框架技术与应用”“移动Web设计与开发”“性能优化与自动化技术”。本教材以模块化的结构组织各篇及其章节，以任务驱动的方式安排教材内容，选取移动Web典型应用作为教学案例。本教材可用于1+X证书制度试点工作中的Web前端开发职业技能等级证书教学和培训，也可以作为期望从事Web前端开发职业的应届毕业生和社会在职人员的自学参考用书。
目录
无第二篇 移动Web设计与开发
第9章 多媒体与绘图\t2
9．1 多媒体\t3
9．1．1 图片格式\t3
9．1．2 音频格式\t4
9．1．3 视频格式\t5
9．2 HTML5的多媒体支持\t6
9．2．1 ＜audio＞和＜video＞\t6
9．2．2 HTMLAudioElement和HTMLVideoElement\t8
9．2．3 ＜audio＞和＜video＞的事件\t12
9．3 HTML5的绘图支持\t13
9．3．1 ＜canvas＞元素\t13
9．3．2 绘制图形\t14
9．3．3 绘制几何图形\t17
9．3．4 绘制路径\t18
9．3．5 绘制字符串\t32
9．3．6 清除绘制内容\t38
9．3．7 绘制阴影\t39
9．3．8 绘制位图\t40
9．3．9 变形\t41
9．4 SVG\t43
9．4．1 在HTML5中使用SVG\t43
9．4．2 SVG的基本语法\t44
9．4．3 ＜svg＞标签\t45
9．4．4 ＜svg＞内部标签\t46
9．4．5 几何图形标签\t47
9．4．6 路径标签\t51
9．4．7 文字标签\t53
9．5 本章小结\t54
第10章 HTML5新特性\t55
10．1 HTML5新增元素\t56
10．2 HTML5新增全局属性\t56
10．3 HTML5废弃的元素\t56
10．4 HTML5废弃的属性\t57
10．5 Web Storage\t58
10．6 本章小结\t61
第11章 Less\t62
11．1 Less简介\t63
11．2 Less的安装\t63
11．2．1 服务器端\t63
11．2．2 客户端\t63
11．3 Less的使用\t64
11．3．1 变量\t64
11．3．2 嵌套\t67
11．3．3 混合\t67
11．3．4 继承\t71
11．3．5 函数\t72
11．3．6 导入\t73
11．3．7 其他\t74
11．4 本章小结\t74
第12章 jQuery Mobile\t75
12．1 jQuery Mobile的诞生\t76
12．2 jQuery Mobile的安装\t76
12．3 jQuery Mobile的使用\t77
12．3．1 页面\t77
12．3．2 过渡\t80
12．3．3 定位\t81
12．3．4 按钮\t82
12．3．5 图标\t87
12．3．6 导航栏\t90
12．3．7 折叠\t93
12．3．8 列布局\t98
12．3．9 列表\t99
12．4 jQuery Mobile表单\t106
12．4．1 单选按钮\t108
12．4．2 复选框\t110
12．4．3 选择菜单\t111
12．4．4 范围滑块\t114
12．4．5 切换开关\t116
12．5 jQuery Mobile主题\t117
12．6 jQuery Mobile实战\t118
12．7 jQuery Mobile事件\t120
12．7．1 页面事件\t120
12．7．2 触摸事件\t121
12．7．3 滚动事件\t123
12．7．4 方向事件\t124
12．8 网页设计平台差异性\t126
12．9 本章小结\t128
第三篇 性能优化与自动化技术
第13章 Web前端开发概述\t130
13．1 Web前端开发认知\t131
13．1．1 Web发展历程\t131
13．1．2 Web前端开发技术\t132
13．1．3 Web前端开发常见问题\t134
13．2 Web前端开发与调试工具\t136
13．2．1 常用Web前端开发工具\t136
13．2．2 常用Web前端调试工具\t143
13．3 本章小结\t148
第14章 HTML与CSS代码优化\t149
14．1 HTML优化\t150
14．1．1 网页文档结构规范\t150
14．1．2 HTML5新特性\t151
14．1．3 HTML代码优化及
写法规范\t154
14．2 CSS优化\t154
14．2．1 CSS3新特性\t155
14．2．2 浏览器样式重置\t157
14．2．3 CSS样式选择器与
优先级\t158
14．2．4 CSS去冗余\t158
14．2．5 CSS浏览器兼容性\t158
14．3 本章小结\t159
第15章 前端资源优化\t160
15．1 Sprite拼合图\t161
15．1．1 CSS Sprite的原理\t161
15．1．2 CSS Sprite制作工具的
方式\t163
15．2 代码压缩技术\t164
15．2．1 YUI Compressor\t165
15．2．2 gzip\t165
15．2．3 打包工具\t166
15．3 预加载和懒加载技术\t168
15．3．1 预加载\t168
15．3．2 懒加载\t169
15．4 本章小结\t171
第16章 JavaScript代码优化\t172
16．1 JavaScript代码可维护性\t173
16．1．1 代码与结构分离\t173
16．1．2 样式与结构分离\t175
16．1．3 数据与代码分离\t176
16．2 JavaScript代码可扩展性\t177
16．3 JavaScript代码可调试性\t178
16．4 JavaScript DOM优化\t180
16．4．1 提升文件加载速度\t180
16．4．2 JavaScript DOM
操作优化\t181
16．4．3 JavaScript DOM脚本
加载优化\t184
16．5 本章小结\t185
第17章 webpack工具\t186
17．1 Web前端安全性\t187
17．1．1 常见安全性问题\t187
17．1．2 安全性解决方案\t191
17．2 npm及模块化\t192
17．2．1 npm安装配置\t192
17．2．2 npm基本指令\t193
17．2．3 package．json文件\t196
17．2．4 node模块化\t198
17．3 webpack概述\t198
17．4 webpack安装与配置\t200
17．4．1 安装webpack\t200
17．4．2 webpack配置详解\t201
17．5 webpack常用Loader\t206
17．5．1 babel-loader编译ES6\t206
17．5．2 less-loader处理less文件\t207
17．5．3 css-loader与style-loader
打包CSS\t209
17．5．4 file-loader与url-loader
引入图片\t210
17．6 webpack常用Plugin\t212
17．6．1 HtmlWebpackPlugin
插件\t213
17．6．2 ExtractTextWebpackPlugin
插件\t213
17．6．3 其他Plugin\t214
17．7 本章小结\t215
第18章 ES6基础\t217
18．1 ECMAScript概述\t218
18．2 Symbol数据类型\t218
18．3 let和const\t219
18．3．1 let\t219
18．3．2 const\t220
18．4 变量的解构赋值\t221
18．4．1 默认值\t221
18．4．2 解构赋值分类\t221
18．5 Set与Map\t223
18．5．1 声明\t223
18．5．2 操作方法\t224
18．5．3 遍历方法\t228
18．6 箭头函数\t231
18．7 ES6相对于ES5扩展\t233
18．7．1 函数的扩展\t233
18．7．2 对象的扩展\t234
18．7．3 数组的扩展\t234
18．8 ES6高级操作\t235
18．8．1 Promise对象\t235
18．8．2 Iterator\t236
18．8．3 Generator\t237
18．8．4 Class\t238
18．9 本章小结\t239
附录 Web前端命名与格式规范\t240
