构建移动网站与APP-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