本书较为全面地介绍了HTML5前端开发的核心知识，并简要介绍了使用HBuilder开发移动App的流程。全书共8章，从企业用人需求的角度出发，本着够用、实用的原则，介绍了JavaScript、HTML、CSS、移动前端实战、Swiper插件、JSON数据、jQuery框架、移动App开发等相关知识。通过学习本书，读者可以掌握HTML5核心要点，能够运用CSS进行布局。通过学习Swiper插件，读者可领会其他插件的用法；通过学习jQuery框架，读者可领会其他框架的用法。在此基础上，本书通过讲解JSON，帮助读者理解后台数据；通过讲解HBuilder开发移动App的流程，指引读者打开通向混合式移动App开发的大门。
（1）本书以演练为主，力求目标明确地指导读者学习，结构脉络清晰。
（2）本书文字力求简练，达到深入浅出的效果。演练完整实用，涉及实际开发中的各个环节。
（3）针对书中的重点难点，书中在相应位置加入了相关的微课，读者可以扫码观看视频，书网结合的讲解方式，可以更好地帮助读者理解晦涩难懂的知识。
曾建华，男，硕士，副教授，深圳职业技术学院教师。具备丰富的软件开发经验和教材编写经验，精通HTML5、Visual Studio、Delphi、SQL Server开发，长期独立为企业、高校开发项目并维护运行。
第 1章 开发环境及JavaScript
准备 1
1．1 HTML5相关技术简介 1
1．1．1 HTML 2
1．1．2 CSS 2
1．1．3 JavaScript 2
1．2 Sublime Text 3及常用插件的
安装、使用 2
1．2．1 安装Sublime Text 3
1．2．2 安装Package Control
组件 5
1．2．3 安装Emmet插件 7
1．2．4 使用Sublime Text 8
1．2．5 Chrome浏览器调试入门 13
1．2．6 Sublime Text常用技巧 13
1．3 安装及使用HTML-CSS-JS
Prettify插件 18
1．3．1 安装HTML-CSS-JS
Prettify插件 18
1．3．2 安装Node．js 18
1．3．3 配置Node．js 22
1．3．4 使用HTML-CSS-JS
Prettify插件 23
1．4 常用JavaScript 25
1．4．1 数据类型 25
1．4．2 流控语句 27
1．4．3 数组 29
1．4．4 document对象 31
1．4．5 函数和事件 33
1．4．6 立即执行函数 34
1．4．7 函数作为参数 35
1．4．8 定时相关函数 36
1．4．9 同步与异步 38
本章思考 39
第 2章 HTML 40
2．1 HTML常用元素 40
2．1．1 label、input、button、
radio、checkbox及ul 40
2．1．2 表单验证 47
2．2 HTML5新特性 48
2．2．1 多媒体 48
2．2．2 拖放 51
2．2．3 Web存储 53
2．2．4 使用canvas绘制图形 56
本章思考 58
第3章 CSS 59
3．1 常用CSS 59
3．1．1 CSS基本语法及使用
CSS的几种方式 59
3．1．2 多列布局 63
3．1．3 display属性：block、
inline、inline-block、
none 65
3．1．4 BOX模型 67
3．1．5 position属性 69
3．1．6 Float布局 74
3．1．7 Flex布局 76
3．1．8 overflow属性 81
3．1．9 transparent属性 83
3．1．10 background相关属性 85
3．1．11 通过JavaScript
操作CSS 87
3．2 CSS3新功能 89
3．2．1 圆角、阴影 89
3．2．2 渐变 93
3．2．3 2D变换：旋转、倾斜、
缩放、位移 96
3．2．4 3D旋转 101
3．2．5 动画（transition） 105
3．2．6 viewport 117
3．2．7 Media Queries 117
本章思考 122
第4章 移动前端实战 123
4．1 登录页面 123
4．1．1 登录页面介绍 123
4．1．2 登录页面演练 123
4．2 设置页面 125
4．2．1 设置页面介绍 125
4．2．2 设置页面演练 125
4．3 客服页面 127
4．3．1 客服页面介绍 128
4．3．2 客服页面演练 128
4．4 商品详情页面 133
4．4．1 商品详情页面介绍 133
4．4．2 商品详情页面演练 133
4．5 购物车页面 138
4．5．1 购物车页面介绍 138
4．5．2 购物车页面演练 138
4．6 订单页面 142
4．6．1 订单页面介绍 142
4．6．2 订单页面演练 142
本章思考 153
第5章 Swiper插件 154
5．1 Swiper实现轮播 154
5．1．1 Swiper使用步骤 154
5．1．2 Swiper演练 155
5．2 Swiper Animate实现动画 169
5．2．1 Swiper Animate入门 169
5．2．2 Swiper Animate演练 170
本章思考 175
第6章 JSON数据 176
6．1 JSON入门 176
6．1．1 JSON概述 176
6．1．2 操作JSON数据 177
6．1．3 JSON和字符串类型
相互转换 179
6．2 JSON实战 181
6．2．1 使用JSON在线
解析工具 181
6．2．2 在Chrome调试器中
观察JSON数据 182
6．2．3 根据JSON数据动态
绑定页面 184
本章思考 186
第7章 jQuery框架 187
7．1 jQuery入门 187
7．1．1 jQuery简介 187
7．1．2 使用jQuery 187
7．1．3 常用jQuery操作 189
7．2 jQuery Ajax读取JSON
格式数据文件 195
7．2．1 AJAX简介 195
7．2．2 jQuery Ajax演练 196
7．3 jQuery实战：翻牌游戏 203
7．3．1 翻牌游戏功能简介 203
7．3．2 实战分解 204
本章思考 231
第8章 移动App开发 232
8．1 HBuilder 232
8．1．1 HBuilder特点 232
8．1．2 HBuilder安装 232
8．2 海马玩模拟器 234
8．2．1 海马玩模拟器特点 234
8．2．2 海马玩模拟器安装 235
8．3 移动App开发流程 236
8．3．1 创建移动App模板项目 236
8．3．2 带底部导航、轮播图和
新闻列表的App 240
本章思考 245
书单推荐
