网站颜色:

《构建移动网站与APP:HTML 5移动开发入门与实战》 HTML 5移动开发技术书籍 HTML5从入门到精通 web网页开发响应式布局实战教程.

  • 产品名称:构建移动网站与APP
  • 书名:构建移动网站与APP
  • 出版时间:2017.2
  • 定价:79.00元
  • 是否是套装:否

构建移动网站与APP:HTML 5移动开发入门与实战

作者:常新峰 王金柱

定价:(咨询特价)

印次:1-1

ISBN(咨询特价)

出版日期:2017.(咨询特价)

 

图书简介

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

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

 

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

 

目  录

第1章  HTML 5移动入门 1

 

1.1  认识HTML 1

 

1.1.1  HTML的构成 1

 

1.1.2  CSS的构成 2

 

1.1.3  JavaScript的构成 3

 

1.2  认识HTML 5 4

 

1.2.1  HTML 5的发展与理念 5

 

1.2.2  HTML 5和XHTML的对比 6

 

1.3  制作一个简单的HTML 5移动APP 7

 

1.3.1  开发工具的选择 8

 

1.3.2  APP代码的编写 8

 

1.3.3  调试运行 Hello APP 9

 

1.4  HTML 5的移动特色 10

 

1.5  本章小结 10

 

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

 

2.1  丰富的表单属性 11

 

2.2  移动Web表单的input类型 12

 

2.2.1  search类型文本 12

 

2.2.2  email类型文本 13

 

2.2.3  number类型文本 14

 

2.2.4  range类型文本 15

 

2.2.5  tel类型文本 15

 

2.2.6  url类型文本 16

 

2.3  HTML 5表单新属性 16

 

2.3.1  autocomplete属性 16

 

2.3.2  autofocus属性 17

 

2.4  范例——创建一个HTML 5版的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  范例——制作音乐播放器APP 31

 

3.3  范例——制作视频播放器APP 33

 

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  使用ApplicationCache API方法 72

 

5.1.4  搭建简单的离线APP 72

 

5.2  离线事件处理 76

 

5.3  范例——离线贴吧APP 80

 

5.4  本章小结 84

 

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

 

6.1  HTML 5的绘图API 85

 

6.1.1  什么是Canvas 85

 

6.1.2  加载Canvas 86

 

6.1.3  什么是SVG 87

 

6.1.4  什么是WebGL 89

 

6.1.5  Paper.js图形库 90

 

6.2  应用Canvas 91

 

6.2.1  绘制图形 92

 

6.2.2  绘制文字 96

 

6.2.3  颜色渐变 103

 

6.3  范例——带特效的相册APP 106

 

6.4  本章小结 114

 

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

 

7.1  CSS 3的变化 115

 

7.2  背景(Backgrounds) 116

 

7.3  文字效果(Text Effects) 117

 

7.4  边框(Border) 118

 

7.5  用户界面(User interface) 120

 

7.6  转换(Transform) 122

 

7.7  过渡(Transition) 123

 

7.8  范例——用CSS 3画哆啦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.1  HTML 5调用摄像头 137

 

8.2  HTML 5调用相册 140

 

8.3  HTML 5调用通讯录 146

 

8.4  本章小结 149

 

 

 

第9章  HTML 5移动性能优化 150

 

9.1  HTML 5的性能考量 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.3  CSS优化 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-size 184

 

9.3.8  优化选择器的使用 185

 

9.4  图片优化 187

 

9.4.1  使用CSS 3代替图片 187

 

9.4.2  使用Data URI代替图片 190

 

9.4.3  使用SVG代替图片 194

 

9.4.4  IconFont与SVG优劣对比 196

 

9.4.5  使用压缩图片 197

 

9.4.6  使用srcset 198

 

9.4.7  使用WebP 200

 

9.5  渲染优化 201

 

9.5.1  渲染流程 202

 

9.5.2  使用Viewport加速页面渲染 203

 

9.5.3  动画优化 204

 

9.5.4  高频事件优化 207

 

9.5.5  GPU加速 210

 

9.6  脚本优化 211

 

9.6.1  脚本执行优化 211

 

9.6.2  条件JavaScript 212

 

9.6.3  缓存DOM操作 215

 

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

 

9.6.5  尽量使用ID选择器 221

 

9.6.6  click事件优化 223

 

9.7  本章小结 225

 

第10章  jQuery Mobile移动框架 226

 

10.1  初步接触jQuery Mobile 226

 

10.1.1  jQuery Mobile框架特点 226

 

10.1.2  jQuery Mobile框架安装与配置 227

 

10.1.3  创建第一个jQuery Mobile APP 229

 

10.2  jQuery Mobile页面与导航 231

 

10.2.1  jQuery Mobile单页面 231

 

10.2.2  jQuery Mobile多页面 233

 

10.2.3  jQuery Mobile对话框页面 236

 

10.2.4  jQuery Mobile导航 241

 

10.2.5  jQuery Mobile加载 246

 

10.2.6  jQuery Mobile动画效果 250

 

10.3  jQuery Mobile CSS样式 253

 

10.3.1  按钮样式 253

 

10.3.2  图标样式 260

 

10.3.3  网格布局样式 264

 

10.4  jQuery Mobile小部件 268

 

10.4.1  工具条 268

 

10.4.2  导航条 271

 

10.4.3  选项卡 275

 

10.4.4  面板 278

 

10.4.5  弹出框 281

 

10.5  jQuery Mobile表单 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章  Sencha Touch框架 294

 

11.1  初步接触Sencha Touch 294

 

11.1.1  Sencha Touch框架特点 294

 

11.1.2  Sencha Touch框架环境搭建 295

 

11.1.3  创建第一个Sencha Touch APP 303

 

11.1.4  Sencha Touch APP代码解析 307

 

11.1.5  运行Sencha Touch APP 318

 

11.2  Sencha Touch核心概念 320

 

11.2.1  类系统 320

 

11.2.2  容器组件 332

 

11.2.3  组件布局 334

 

11.2.4  事件 338

 

11.3  Sencha Touch组件 343

 

11.3.1  导航视图 343

 

11.3.2  旋灯视图 348

 

11.3.3  表单 351

 

11.4  本章小结 354

 

第12章  jQuery Mobile框架实战——移动便笺APP 355

 

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章  Sencha Touch框架实战——通讯录APP 370

 

13.1  项目介绍 370

 

13.2  项目功能模块 371

 

13.2.1  app.js主入口文件 371

 

13.2.2  Model模型 372

 

13.2.3  Store存储 372

 

13.2.4  View主视图 373

 

13.2.5  Contacts视图类 375

 

13.2.6  Controller控制器 376

 

13.3  测试运行项目 378

 

13.4  本章小结 380 

热门设计活动