作者：常新峰 王金柱
定价：79元
印次：1-1
ISBN：9787302461111
出版日期：2017.02.01
印刷日期：2017.01.16

《构建移动网站与APP：HTML 5移动开发入门与实战》是一本于2017年2月1日清华大学出版社出版的图书，作者是常新峰，王金柱。

本书由浅入深，全面、系统、详尽地介绍了HTML5相关技术及其在移动开发领域的套用。从基本原理到移动页面最佳化再到实战套用，几乎涉及HTMML5移动开发领域的绝大部分内容，是一本集理论与实战的综合性参考书。

本书共13章，分为3篇。第1篇为HTML5移动特性，内容包括HTML5移动开发基础、移动表单、多媒体形式、地理位置定位（Geolocation）、离线快取、Canvas绘图、CSS3视觉辅助和调用手机设备等，最后还剖析了移动性能最佳化的一些技巧。第2篇为HTML5移动框架，主要介绍jQueryMobile和SenchaTouch这两个当下最流行的移动框架。第3篇为HTML5移动实战，详细讲解了使用jQueryMobile和SenchaTouch这两个移动框架开发移动套用的过程与方法。

本书适合所有想全面深入学习HTML5移动开发技术的人员阅读，尤其适合正在套用HTML5做移动项目开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员，本书也是一本不可多得的参考书。

第1章HTML5移动入门1

1.1认识HTML1

1.1.1HTML的构成1

1.1.2CSS的构成2

1.1.3JavaScript的构成3

1.2认识HTML54

1.2.1HTML5的发展与理念5

1.2.2HTML5和XHTML的对比6

1.3製作一个简单的HTML5移动APP7

1.3.1开发工具的选择8

1.3.2APP代码的编写8

1.3.3调试运行HelloAPP9

1.4HTML5的移动特色10

1.5本章小结10

第2章移动特性1——移动表单11

2.1丰富的表单属性11

2.2移动Web表单的input类型12

2.2.1search类型文本12

2.2.2email类型文本13

2.2.3number类型文本14

2.2.4range类型文本15

2.2.5tel类型文本15

2.2.6url类型文本16

2.3HTML5表单新属性16

2.3.1autocomplete属性16

2.3.2autofocus属性17

2.4範例——创建一个HTML5版的APP注册页面18

2.4.1代码设计19

2.4.2代码分析24

2.5本章小结26

第3章移动特性2——多媒体形式27

3.1音频视频27

3.1.1音频视频的格式27

3.1.2使用video/audio元素27

3.1.3音频视频的通信29

3.2範例——製作音乐播放器APP31

3.3範例——製作视频播放器APP33

3.3.1普通视频播放器34

3.3.2添加视频进度条37

3.3.3添加视频快进慢进按钮40

3.3.4处理带字幕的视频41

3.4本章小结43

第4章移动特性3——地理位置定位44

4.1认识地理位置44

4.1.1纬度和经度坐标44

4.1.2定位数据45

4.1.3构建地理位置套用46

4.2手机地理位置定位47

4.3谷歌地图的使用49

4.3.1追蹤用户的位置49

4.3.2查找路线53

4.3.3用户自定义的地理定位61

4.4高德地图的使用65

4.5本章小结67

第5章移动特性4——离线快取68

5.1离线快取套用68

5.1.1离线快取API简介68

5.1.2使用Manifest方法71

5.1.3使用ApplicationCacheAPI方法72

5.1.4搭建简单的离线APP72

5.2离线事件处理76

5.3範例——离线贴吧APP80

5.4本章小结84

第6章移动特性5——Canvas绘图85

6.1HTML5的绘图API85

6.1.1什幺是Canvas85

6.1.2载入Canvas86

6.1.3什幺是SVG87

6.1.4什幺是WebGL89

6.1.5Paper.js图形库90

6.2套用Canvas91

6.2.1绘製图形92

6.2.2绘製文字96

6.2.3颜色渐变103

6.3範例——带特效的相册APP106

6.4本章小结114

第7章移动特性6——CSS3视觉辅助115

7.1CSS3的变化115

7.2背景（Backgrounds）116

7.3文字效果（TextEffects）117

7.4框线（Border）118

7.5用户界面（Userinterface）120

7.6转换（Transform）122

7.7过渡（Transition）123

7.8範例——用CSS3画哆啦A梦124

7.8.1头和脸125

7.8.2脖子和铃铛129

7.8.3身体和四肢131

7.8.4让眼睛动起来135

7.9本章小结136

第8章移动特性7——调用手机设备137

8.1HTML5调用手机摄像头137

8.2HTML5调用手机相册140

8.3HTML5调用手机通讯录146

8.4本章小结149

第9章HTML5移动性能最佳化150

9.1HTML5的性能考量150

9.1.1浏览器性能150

9.1.2网路性能153

9.1.3开发效率154

9.2载入最佳化156

9.2.1减少HTTP请求156

9.2.2充分利用快取160

9.2.3压缩161

9.2.4最佳化JavaScript载入性能165

9.2.5其他载入最佳化173

9.3CSS最佳化175

9.3.1了解页面的渲染过程176

9.3.2避免在HTML标籤中写Style属性178

9.3.3正确使用display属性179

9.3.4避免使用CSS表达式179

9.3.5请勿滥用float属性180

9.3.6不滥用Web字型182

9.3.7不声明过多的Font-size184

9.3.8最佳化选择器的使用185

9.4图片最佳化187

9.4.1使用CSS3代替图片187

9.4.2使用DataURI代替图片190

9.4.3使用SVG代替图片194

9.4.4IconFont与SVG优劣对比196

9.4.5使用压缩图片197

9.4.6使用srcset198

9.4.7使用WebP200

9.5渲染最佳化201

9.5.1渲染流程202

9.5.2使用Viewport加速页面渲染203

9.5.3动画最佳化204

9.5.4高频事件最佳化207

9.5.5GPU加速210

9.6脚本最佳化211

9.6.1脚本执行最佳化211

9.6.2条件JavaScript212

9.6.3快取DOM操作215

9.6.4儘量使用事件代理以避免批量绑定事件219

9.6.5儘量使用ID选择器221

9.6.6click事件最佳化223

9.7本章小结225

第10章jQueryMobile移动框架226

10.1初步接触jQueryMobile226

10.1.1jQueryMobile框架特点226

10.1.2jQueryMobile框架安装与配置227

10.1.3创建第一个jQueryMobileAPP229

10.2jQueryMobile页面与导航231

10.2.1jQueryMobile单页面231

10.2.2jQueryMobile多页面233

10.2.3jQueryMobile对话框页面236

10.2.4jQueryMobile导航241

10.2.5jQueryMobile载入246

10.2.6jQueryMobile动画效果250

10.3jQueryMobileCSS样式253

10.3.1按钮样式253

10.3.2图示样式260

10.3.3格线布局样式264

10.4jQueryMobile小部件268

10.4.1工具条268

10.4.2导航条271

10.4.3选项卡275

10.4.4面板278

10.4.5弹出框281

10.5jQueryMobile表单284

10.5.1输入框284

10.5.2複选框286

10.5.3单选按钮288

10.5.4下拉列表框289

10.5.5滑块控制项291

10.6本章小结293

第11章SenchaTouch框架294

11.1初步接触SenchaTouch294

11.1.1SenchaTouch框架特点294

11.1.2SenchaTouch框架环境搭建295

11.1.3创建第一个SenchaTouchAPP303

11.1.4SenchaTouchAPP代码解析307

11.1.5运行SenchaTouchAPP318

11.2SenchaTouch核心概念320

11.2.1类系统320

11.2.2容器组件332

11.2.3组件布局334

11.2.4事件338

11.3SenchaTouch组件343

11.3.1导航视图343

11.3.2旋灯视图348

11.3.3表单351

11.4本章小结354

第12章jQueryMobile框架实战——移动便笺APP355

12.1项目介绍355

12.2项目功能模组356

12.2.1主页356

12.2.2便笺内容浏览页面358

12.2.3登录页面360

12.2.4便笺内容浏览页面（用户许可权）362

12.2.5新建便笺内容364

12.2.6编辑便笺内容367

12.2.7删除便笺内容367

12.2.8清空便笺内容368

12.3本章小结369

第13章SenchaTouch框架实战——通讯录APP370

13.1项目介绍370

13.2项目功能模组371

13.2.1app.js主入口档案371

13.2.2Model模型372

13.2.3Store存储372

13.2.4View主视图373

13.2.5Contacts视图类375

13.2.6Controller控制器376

13.3测试运行项目378

13.4本章小结380