描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302461111丛书名: 跨平台移动开发丛书
编辑推荐
(1)赠送本书中提到的程序的源代码 http://pan.baidu.com/s/1gfsTf2b(2)本书涵盖了HTML 5移动Web开发的所有常用知识点及开发工具，可以帮助传统Web开发者搭乘HTML 5快车，轻松开发和部署移动应用，也可以使移动开发者挖掘Web潜力，在传统网页的基础上获得跨平台支持。
内容简介
本书由浅入深，全面、系统、详尽地介绍了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做移动项目开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员，本书也是一本不可多得的参考书。
本书共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移动入门 11.1 认识HTML 11.1.1 HTML的构成 11.1.2 CSS的构成 21.1.3 JavaScript的构成 31.2 认识HTML 5 41.2.1 HTML 5的发展与理念 51.2.2 HTML 5和XHTML的对比 61.3 制作一个简单的HTML 5移动APP 71.3.1 开发工具的选择 81.3.2 APP代码的编写 81.3.3 调试运行 Hello APP 91.4 HTML 5的移动特色 101.5 本章小结 10第2章 移动特性1——移动表单 112.1 丰富的表单属性 112.2 移动Web表单的input类型 122.2.1 search类型文本 122.2.2 email类型文本 132.2.3 number类型文本 142.2.4 range类型文本 152.2.5 tel类型文本 152.2.6 url类型文本 162.3 HTML 5表单新属性 162.3.1 autocomplete属性 162.3.2 autofocus属性 172.4 范例——创建一个HTML 5版的APP注册页面 182.4.1 代码设计 192.4.2 代码分析 242.5 本章小结 26第3章 移动特性2——多媒体形式 273.1 音频视频 273.1.1 音频视频的格式 273.1.2 使用video/audio元素 273.1.3 音频视频的通信 293.2 范例——制作音乐播放器APP 313.3 范例——制作视频播放器APP 333.3.1 普通视频播放器 343.3.2 添加视频进度条 373.3.3 添加视频快进慢进按钮 403.3.4 处理带字幕的视频 413.4 本章小结 43第4章 移动特性3——地理位置定位 444.1 认识地理位置 444.1.1 纬度和经度坐标 444.1.2 定位数据 454.1.3 构建地理位置应用 464.2 手机地理位置定位 474.3 谷歌地图的使用 494.3.1 追踪用户的位置 494.3.2 查找路线 534.3.3 用户自定义的地理定位 614.4 高德地图的使用 654.5 本章小结 67第5章 移动特性4——离线缓存 685.1 离线缓存应用 685.1.1 离线缓存API简介 685.1.2 使用Manifest方法 715.1.3 使用ApplicationCache API方法 725.1.4 搭建简单的离线APP 725.2 离线事件处理 765.3 范例——离线贴吧APP 805.4 本章小结 84第6章 移动特性5——Canvas绘图 856.1 HTML 5的绘图API 856.1.1 什么是Canvas 856.1.2 加载Canvas 866.1.3 什么是SVG 876.1.4 什么是WebGL 896.1.5 Paper.js图形库 906.2 应用Canvas 916.2.1 绘制图形 926.2.2 绘制文字 966.2.3 颜色渐变 1036.3 范例——带特效的相册APP 1066.4 本章小结 114第7章 移动特性6——CSS 3视觉辅助 1157.1 CSS 3的变化 1157.2 背景（Backgrounds） 1167.3 文字效果（Text Effects） 1177.4 边框（Border） 1187.5 用户界面（User interface） 1207.6 转换（Transform） 1227.7 过渡（Transition） 1237.8 范例——用CSS 3画哆啦A梦 1247.8.1 头和脸 1257.8.2 脖子和铃铛 1297.8.3 身体和四肢 1317.8.4 让眼睛动起来 1357.9 本章小结 136第8章 移动特性7——调用手机设备 1378.1 HTML 5调用手机摄像头 1378.2 HTML 5调用手机相册 1408.3 HTML 5调用手机通讯录 1468.4 本章小结 149
第9章 HTML 5移动性能优化 1509.1 HTML 5的性能考量 1509.1.1 浏览器性能 1509.1.2 网络性能 1539.1.3 开发效率 1549.2 加载优化 1569.2.1 减少HTTP请求 1569.2.2 充分利用缓存 1609.2.3 压缩 1619.2.4 优化JavaScript加载性能 1659.2.5 其他加载优化 1739.3 CSS优化 1759.3.1 了解页面的渲染过程 1769.3.2 避免在HTML标签中写Style属性 1789.3.3 正确使用display属性 1799.3.4 避免使用CSS表达式 1799.3.5 请勿滥用float属性 1809.3.6 不滥用Web字体 1829.3.7 不声明过多的Font-size 1849.3.8 优化选择器的使用 1859.4 图片优化 1879.4.1 使用CSS 3代替图片 1879.4.2 使用Data URI代替图片 1909.4.3 使用SVG代替图片 1949.4.4 IconFont与SVG优劣对比 1969.4.5 使用压缩图片 1979.4.6 使用srcset 1989.4.7 使用WebP 2009.5 渲染优化 2019.5.1 渲染流程 2029.5.2 使用Viewport加速页面渲染 2039.5.3 动画优化 2049.5.4 高频事件优化 2079.5.5 GPU加速 2109.6 脚本优化 2119.6.1 脚本执行优化 2119.6.2 条件JavaScript 2129.6.3 缓存DOM操作 2159.6.4 尽量使用事件代理以避免批量绑定事件 2199.6.5 尽量使用ID选择器 2219.6.6 click事件优化 2239.7 本章小结 225第10章 jQuery Mobile移动框架 22610.1 初步接触jQuery Mobile 22610.1.1 jQuery Mobile框架特点 22610.1.2 jQuery Mobile框架安装与配置 22710.1.3 创建第一个jQuery Mobile APP 22910.2 jQuery Mobile页面与导航 23110.2.1 jQuery Mobile单页面 23110.2.2 jQuery Mobile多页面 23310.2.3 jQuery Mobile对话框页面 23610.2.4 jQuery Mobile导航 24110.2.5 jQuery Mobile加载 24610.2.6 jQuery Mobile动画效果 25010.3 jQuery Mobile CSS样式 25310.3.1 按钮样式 25310.3.2 图标样式 26010.3.3 网格布局样式 26410.4 jQuery Mobile小部件 26810.4.1 工具条 26810.4.2 导航条 27110.4.3 选项卡 27510.4.4 面板 27810.4.5 弹出框 28110.5 jQuery Mobile表单 28410.5.1 输入框 28410.5.2 复选框 28610.5.3 单选按钮 28810.5.4 下拉列表框 28910.5.5 滑块控件 29110.6 本章小结 293第11章 Sencha Touch框架 29411.1 初步接触Sencha Touch 29411.1.1 Sencha Touch框架特点 29411.1.2 Sencha Touch框架环境搭建 29511.1.3 创建第一个Sencha Touch APP 30311.1.4 Sencha Touch APP代码解析 30711.1.5 运行Sencha Touch APP 31811.2 Sencha Touch核心概念 32011.2.1 类系统 32011.2.2 容器组件 33211.2.3 组件布局 33411.2.4 事件 33811.3 Sencha Touch组件 34311.3.1 导航视图 34311.3.2 旋灯视图 34811.3.3 表单 35111.4 本章小结 354第12章 jQuery Mobile框架实战——移动便笺APP 35512.1 项目介绍 35512.2 项目功能模块 35612.2.1 主页 35612.2.2 便笺内容浏览页面 35812.2.3 登录页面 36012.2.4 便笺内容浏览页面（用户权限） 36212.2.5 新建便笺内容 36412.2.6 编辑便笺内容 36712.2.7 删除便笺内容 36712.2.8 清空便笺内容 36812.3 本章小结 369第13章 Sencha Touch框架实战——通讯录APP 37013.1 项目介绍 37013.2 项目功能模块 37113.2.1 app.js主入口文件 37113.2.2 Model模型 37213.2.3 Store存储 37213.2.4 View主视图 37313.2.5 Contacts视图类 37513.2.6 Controller控制器 37613.3 测试运行项目 37813.4 本章小结 380
第1章 HTML 5移动入门 11.1 认识HTML 11.1.1 HTML的构成 11.1.2 CSS的构成 21.1.3 JavaScript的构成 31.2 认识HTML 5 41.2.1 HTML 5的发展与理念 51.2.2 HTML 5和XHTML的对比 61.3 制作一个简单的HTML 5移动APP 71.3.1 开发工具的选择 81.3.2 APP代码的编写 81.3.3 调试运行 Hello APP 91.4 HTML 5的移动特色 101.5 本章小结 10第2章 移动特性1——移动表单 112.1 丰富的表单属性 112.2 移动Web表单的input类型 122.2.1 search类型文本 122.2.2 email类型文本 132.2.3 number类型文本 142.2.4 range类型文本 152.2.5 tel类型文本 152.2.6 url类型文本 162.3 HTML 5表单新属性 162.3.1 autocomplete属性 162.3.2 autofocus属性 172.4 范例——创建一个HTML 5版的APP注册页面 182.4.1 代码设计 192.4.2 代码分析 242.5 本章小结 26第3章 移动特性2——多媒体形式 273.1 音频视频 273.1.1 音频视频的格式 273.1.2 使用video/audio元素 273.1.3 音频视频的通信 293.2 范例——制作音乐播放器APP 313.3 范例——制作视频播放器APP 333.3.1 普通视频播放器 343.3.2 添加视频进度条 373.3.3 添加视频快进慢进按钮 403.3.4 处理带字幕的视频 413.4 本章小结 43第4章 移动特性3——地理位置定位 444.1 认识地理位置 444.1.1 纬度和经度坐标 444.1.2 定位数据 454.1.3 构建地理位置应用 464.2 手机地理位置定位 474.3 谷歌地图的使用 494.3.1 追踪用户的位置 494.3.2 查找路线 534.3.3 用户自定义的地理定位 614.4 高德地图的使用 654.5 本章小结 67第5章 移动特性4——离线缓存 685.1 离线缓存应用 685.1.1 离线缓存API简介 685.1.2 使用Manifest方法 715.1.3 使用ApplicationCache API方法 725.1.4 搭建简单的离线APP 725.2 离线事件处理 765.3 范例——离线贴吧APP 805.4 本章小结 84第6章 移动特性5——Canvas绘图 856.1 HTML 5的绘图API 856.1.1 什么是Canvas 856.1.2 加载Canvas 866.1.3 什么是SVG 876.1.4 什么是WebGL 896.1.5 Paper.js图形库 906.2 应用Canvas 916.2.1 绘制图形 926.2.2 绘制文字 966.2.3 颜色渐变 1036.3 范例——带特效的相册APP 1066.4 本章小结 114第7章 移动特性6——CSS 3视觉辅助 1157.1 CSS 3的变化 1157.2 背景（Backgrounds） 1167.3 文字效果（Text Effects） 1177.4 边框（Border） 1187.5 用户界面（User interface） 1207.6 转换（Transform） 1227.7 过渡（Transition） 1237.8 范例——用CSS 3画哆啦A梦 1247.8.1 头和脸 1257.8.2 脖子和铃铛 1297.8.3 身体和四肢 1317.8.4 让眼睛动起来 1357.9 本章小结 136第8章 移动特性7——调用手机设备 1378.1 HTML 5调用手机摄像头 1378.2 HTML 5调用手机相册 1408.3 HTML 5调用手机通讯录 1468.4 本章小结 149
第9章 HTML 5移动性能优化 1509.1 HTML 5的性能考量 1509.1.1 浏览器性能 1509.1.2 网络性能 1539.1.3 开发效率 1549.2 加载优化 1569.2.1 减少HTTP请求 1569.2.2 充分利用缓存 1609.2.3 压缩 1619.2.4 优化JavaScript加载性能 1659.2.5 其他加载优化 1739.3 CSS优化 1759.3.1 了解页面的渲染过程 1769.3.2 避免在HTML标签中写Style属性 1789.3.3 正确使用display属性 1799.3.4 避免使用CSS表达式 1799.3.5 请勿滥用float属性 1809.3.6 不滥用Web字体 1829.3.7 不声明过多的Font-size 1849.3.8 优化选择器的使用 1859.4 图片优化 1879.4.1 使用CSS 3代替图片 1879.4.2 使用Data URI代替图片 1909.4.3 使用SVG代替图片 1949.4.4 IconFont与SVG优劣对比 1969.4.5 使用压缩图片 1979.4.6 使用srcset 1989.4.7 使用WebP 2009.5 渲染优化 2019.5.1 渲染流程 2029.5.2 使用Viewport加速页面渲染 2039.5.3 动画优化 2049.5.4 高频事件优化 2079.5.5 GPU加速 2109.6 脚本优化 2119.6.1 脚本执行优化 2119.6.2 条件JavaScript 2129.6.3 缓存DOM操作 2159.6.4 尽量使用事件代理以避免批量绑定事件 2199.6.5 尽量使用ID选择器 2219.6.6 click事件优化 2239.7 本章小结 225第10章 jQuery Mobile移动框架 22610.1 初步接触jQuery Mobile 22610.1.1 jQuery Mobile框架特点 22610.1.2 jQuery Mobile框架安装与配置 22710.1.3 创建第一个jQuery Mobile APP 22910.2 jQuery Mobile页面与导航 23110.2.1 jQuery Mobile单页面 23110.2.2 jQuery Mobile多页面 23310.2.3 jQuery Mobile对话框页面 23610.2.4 jQuery Mobile导航 24110.2.5 jQuery Mobile加载 24610.2.6 jQuery Mobile动画效果 25010.3 jQuery Mobile CSS样式 25310.3.1 按钮样式 25310.3.2 图标样式 26010.3.3 网格布局样式 26410.4 jQuery Mobile小部件 26810.4.1 工具条 26810.4.2 导航条 27110.4.3 选项卡 27510.4.4 面板 27810.4.5 弹出框 28110.5 jQuery Mobile表单 28410.5.1 输入框 28410.5.2 复选框 28610.5.3 单选按钮 28810.5.4 下拉列表框 28910.5.5 滑块控件 29110.6 本章小结 293第11章 Sencha Touch框架 29411.1 初步接触Sencha Touch 29411.1.1 Sencha Touch框架特点 29411.1.2 Sencha Touch框架环境搭建 29511.1.3 创建第一个Sencha Touch APP 30311.1.4 Sencha Touch APP代码解析 30711.1.5 运行Sencha Touch APP 31811.2 Sencha Touch核心概念 32011.2.1 类系统 32011.2.2 容器组件 33211.2.3 组件布局 33411.2.4 事件 33811.3 Sencha Touch组件 34311.3.1 导航视图 34311.3.2 旋灯视图 34811.3.3 表单 35111.4 本章小结 354第12章 jQuery Mobile框架实战——移动便笺APP 35512.1 项目介绍 35512.2 项目功能模块 35612.2.1 主页 35612.2.2 便笺内容浏览页面 35812.2.3 登录页面 36012.2.4 便笺内容浏览页面（用户权限） 36212.2.5 新建便笺内容 36412.2.6 编辑便笺内容 36712.2.7 删除便笺内容 36712.2.8 清空便笺内容 36812.3 本章小结 369第13章 Sencha Touch框架实战——通讯录APP 37013.1 项目介绍 37013.2 项目功能模块 37113.2.1 app.js主入口文件 37113.2.2 Model模型 37213.2.3 Store存储 37213.2.4 View主视图 37313.2.5 Contacts视图类 37513.2.6 Controller控制器 37613.3 测试运行项目 37813.4 本章小结 380
前 言
前 言
移动互联是如今互联网最热门的词汇，其代表着互联网未来的趋势。这一切似乎是昨天才发生的，但放眼望去，智能移动终端设备已经是人们日常生活中不可或缺的一部分。众所周知，智能移动终端设备是iOS与Android的天下，但是iOS和Android开发门槛也不低。随着HTML 5技术的不断发展与成熟，移动应用开发领域迎来了崭新的时代，设计人员发现以前需要折腾许久的项目，使用HTML 5技术则简单了很多。当然HTML 5也不是万能的，毕竟iOS和Android作为原生系统有着不可替代的地位，如果将HTML 5的前端技术发挥到极致，也会让移动应用开发更上一层楼。关于HTML 5新手必须知道的? HTML 5不仅仅是HTML早期的HTML在非常长的时间里被人们认为是一种效率低下且功能简单的网页开发技术，但Web技术的不断发展让“网页”和“应用”的界限越来越模糊，尤其是HTML 5的横空出世，让Web变得更加强大。HTML 5标准草案最初发布于2008年，而后被各大浏览器厂商跟进，包括Chrome、IE、Opera和Safari等。它发展迅速，很快成为了开发跨平台和跨设备应用的首选客户端技术。它赋予浏览器强大的能力。例如，基于HTML 5甚至完全可以抛弃特定的操作系统平台——Chromebook就是这方面的有力践行者。对于开发人员来讲，HTML 5使得开发应用程序更加高效、快捷、简单，几十行代码便可以实现过去几百甚至上千行代码才能实现的功能，省时又省力。? HTML 5易学易用HTML 5增强了HTML的功能，但又摒弃了XHTML的复杂，在学习上几乎不用花费太多功夫，在使用上也尽量贴近人们的常规思维。HTML 5社区和相关技术发展也十分迅速。在移动互联网的助力下，HTML 5的步子迈得更大了。一方面，对程序开发不了解的设计师也能利用HTML 5和CSS 3技术轻易地设计出高保真的动态应用原型。另一方面，前端开发工程师可以利用HTML 5提供的编程接口编写出强大的应用程序。? 本书与HTML 5许多人在学习HTML 5的时候不明白究竟什么才算是HTML 5，也经常搞混一些概念和用法。从某种角度来说，HTML 5是一系列技术标准的集合，并且是不断向前发展的技术。为了帮助那些对移动开发感兴趣的读者能够在较短的时间内掌握HTML 5开发技术，笔者编写了本书。本书首先从HTML 5的历史和背景入手，让读者理解HTML 5究竟为何物；然后一一讲解HTML 5的相关技术标准及其在移动Web开发中的应用，以期读者能够掌握HTML 5移动Web开发的核心内容；最后讲解HTML 5移动Web开发的相关工具，让读者可以快速成为一位高效而专业的开发者。本书特色? 内容丰富，覆盖面广本书基本涵盖了HTML 5移动Web开发的所有常用知识点及开发工具。无论是初学者还是有一定基础的Web开发从业人员，通过阅读本书都将获益匪浅。? 注重实践，快速上手本书不以枯燥乏味的理论知识作为讲解的重点，而是从实践出发，将必要的理论知识和大量的开发实例相结合，并将笔者多年的实际项目开发经验贯穿于全书的讲解中，让读者可以在较短的时间内理解和掌握所学的知识。? 内容深入、专业本书直击要害，先从标准文档入手，深入浅出地讲解了Web技术的原理；然后结合移动Web开发的相关工具，介绍实际的移动Web开发，让读者学有所用。最专业的内容是本书还详细剖析了HTML 5移动页面优化的技巧。? 实例丰富，随学随用本书提供了大量来源于真实Web开发项目的实例，并给出丰富的程序代码及注释。读者通过研读这些例子，不仅可以了解实际开发中编写代码的思路和技巧，还可以将这些代码直接复用，以提高自己的开发效率。适合阅读本书的读者? 需要全面学习移动应用开发技术的人员? HTML 5初学者? 有一定基础的Web开发人员? Web前端开发工程师? 移动应用开发人员? 混合应用开发人员? 微信HTML 5网页开发人员? 浏览器开发人员? 大中专院校的学生? 相关培训班的学员下载资源为了方便广大读者学习，我们还提供了有关程序的源代码，下载地址（注意数字和字母大小写）如下：http://pan.baidu.com/s/1gfsTf2b（密码：7cwm）如果下载有问题，请电子邮件联系[email protected]，邮件主题为“HTML5移动开发入门源码”。
本章第1~8章由平顶山学院的常新峰编写，第10~12章由华北电力大学的王金柱编写。本书还要特别鸣谢阿里旅行的美女程序员赵荣娇，在怀孕期间写作了第9章。另外，陈宇、刘轶、姜永艳、马飞、王琳、张鑫、张喆、赵海波、杨旺功、欧阳薇、周瑞、李为民、陈超、杜礼、孔峰等也参与了本书的编写工作，在此表示感谢。
本章第1~8章由平顶山学院的常新峰编写，第10~12章由华北电力大学的王金柱编写。本书还要特别鸣谢阿里旅行的美女程序员赵荣娇，在怀孕期间写作了第9章。另外，陈宇、刘轶、姜永艳、马飞、王琳、张鑫、张喆、赵海波、杨旺功、欧阳薇、周瑞、李为民、陈超、杜礼、孔峰等也参与了本书的编写工作，在此表示感谢。
编 者2017年1月
媒体评论
评论
书摘插画
评论
还没有评论。