第二篇移动Web设计与开发
第9章多媒体与绘图2
9.1多媒体3
9.1.1图片格式3
9.1.2音频格式4
9.1.3视频格式5
9.2HTML5的多媒体支持6
9.2.1＜audio＞和＜video＞6
9.2.2HTMLAudioElement和HTMLVideoElement8
9.2.3＜audio＞和＜video＞的事件12
9.3HTML5的绘图支持13
9.3.1＜canvas＞元素13
9.3.2绘制图形14
9.3.3绘制几何图形17
9.3.4绘制路径18
9.3.5绘制字符串32
9.3.6清除绘制内容38
9.3.7绘制阴影39
9.3.8绘制位图40
9.3.9变形41
9.4SVG43
9.4.1在HTML5中使用SVG43
9.4.2SVG的基本语法44
9.4.3＜svg＞标签45
9.4.4＜svg＞内部标签46
9.4.5几何图形标签47
9.4.6路径标签51
9.4.7文字标签53
9.5本章小结54
0章HTML5新特性55
10.1HTML5新增元素56
10.2HTML5新增全局属性56
10.3HTML5废弃的元素56
10.4HTML5废弃的属性57
10.5WebStorage58
10.6本章小结61
1章Less62
11.1Less简介63
11.2Less的安装63
11.2.1服务器端63
11.2.2客户端63
11.3Less的使用64
11.3.1变量64
11.3.2嵌套67
11.3.3混合67
11.3.4继承71
11.3.5函数72
11.3.6导入73
11.3.7其他74
11.4本章小结74
2章jQueryMobile75
12.1jQueryMobile的诞生76
12.2jQueryMobile的安装76
12.3jQueryMobile的使用77
12.3.1页面77
12.3.2过渡80
12.3.3定位81
12.3.4按钮82
12.3.5图标87
12.3.6导航栏90
12.3.7折叠93
12.3.8列布局98
12.3.9列表99
12.4jQueryMobile表单106
12.4.1单选按钮108
12.4.2复选框110
12.4.3选择菜单111
12.4.4范围滑块114
12.4.5切换开关116
12.5jQueryMobile主题117
12.6jQueryMobile实战118
12.7jQueryMobile事件120
12.7.1页面事件120
12.7.2触摸事件121
12.7.3滚动事件123
12.7.4方向事件124
12.8网页设计平台差异性126
12.9本章小结128
第三篇性能优化与自动化技术
3章Web前端开发概述130
13.1Web前端开发认知131
13.1.1Web发展历程131
13.1.2Web前端开发技术132
13.1.3Web前端开发常见问题134
13.2Web前端开发与调试工具136
13.2.1常用Web前端开发工具136
13.2.2常用Web前端调试工具143
13.3本章小结148
4章HTML与CSS代码优化149
14.1HTML优化150
14.1.1网页文档结构规范150
14.1.2HTML5新特性151
14.1.3HTML代码优化及写法规范154
14.2CSS优化154
14.2.1CSS3新特性155
14.2.2浏览器样式重置157
14.2.3CSS样式选择器与优先级158
14.2.4CSS去冗余158
14.2.5CSS浏览器兼容性158
14.3本章小结159
5章前端资源优化160
15.1Sprite拼合图161
15.1.1CSSSprite的原理161
15.1.2CSSSprite制作工具的方式163
15.2代码压缩技术164
15.2.1YUICompressor165
15.2.2gzip165
15.2.3打包工具166
15.3预加载和懒加载技术168
15.3.1预加载168
15.3.2懒加载169
15.4本章小结171
6章JavaScript代码优化172
16.1JavaScript代码可维护性173
16.1.1代码与结构分离173
16.1.2样式与结构分离175
16.1.3数据与代码分离176
16.2JavaScript代码可扩展性177
16.3JavaScript代码可调试性178
16.4JavaScriptDOM优化180
16.4.1提升文件加载速度180
16.4.2JavaScriptDOM操作优化181
16.4.3JavaScriptDOM脚本加载优化184
16.5本章小结185
7章webpack工具186
17.1Web前端安全性187
17.1.1常见安全性问题187
17.1.2安全性解决方案191
17.2npm及模块化192
17.2.1npm安装配置192
17.2.2npm基本指令193
17.2.3package.json文件196
17.2.4node模块化198
17.3webpack概述198
17.4webpack安装与配置200
17.4.1安装webpack200
17.4.2webpack配置详解201
17.5webpack常用Loader206
17.5.1babel-loader编译ES6206
17.5.2less-loader处理less文件207
17.5.3css-loader与style-loader打包CSS209
17.5.4file-loader与url-loader引入图片210
17.6webpack常用Plugin212
17.6.1HtmlWebpackPlugin插件213
17.6.2ExtractTextWebpackPlugin插件213
17.6.3其他Plugin214
17.7本章小结215
8章ES6基础217
18.1ECMAScript概述218
18.2Symbol数据类型218
18.3let和const219
18.3.1let219
18.3.2const220
18.4变量的解构赋值221
18.4.1默认值221
18.4.2解构赋值分类221
18.5Set与Map223
18.5.1声明223
18.5.2操作方法224
18.5.3遍历方法228
18.6箭头函数231
18.7ES6相对于ES5扩展233
18.7.1函数的扩展233
18.7.2对象的扩展234
18.7.3数组的扩展234
18.8ES6不错操作235
18.8.1Promise对象235
18.8.2Iterator236
18.8.3Generator237
18.8.4Class238
18.9本章小结239
附录Web前端命名与格式规范240

本教材的编写工作，完全依据《WEB前端开发职业技术培训标准》中的职业素养和岗位技术技能为两个重点培养目标，以工作项目为模块，以工作任务为单元进行组编，使读者更系统的对WEB前端开发的技术体系有清晰的认识。本书按Web页面制作基础、HTML5开发基础与应用、JavaScript程