作品简介

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

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

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

本书作者常新峰、王金柱。

常新峰,资深网页开发设计师,并有多年教学经验及实际操作经验,先后出版多版作品。

作品目录

  • 内容简介
  • 前 言
  • 关于HTML 5新手必须知道的
  • 本书特色
  • 适合阅读本书的读者
  • 下载资源
  • 第1章 HTML 5移动入门
  • 1.1 认识HTML
  • 1.1.1 HTML的构成
  • 1.1.2 CSS的构成
  • 1.1.3 JavaScript的构成
  • 1.2 认识HTML 5
  • 1.2.1 HTML 5的发展与理念
  • 1.2.2 HTML 5和XHTML的对比
  • 1.3 制作一个简单的HTML 5移动APP
  • 1.3.1 开发工具的选择
  • 1.3.2 APP代码的编写
  • 1.3.3 调试运行Hello APP
  • 1.4 HTML 5的移动特色
  • 1.5 本章小结
  • 第2章 移动特性1——移动表单
  • 2.1 丰富的表单属性
  • 2.2 移动Web表单的input类型
  • 2.2.1 search类型文本
  • 2.2.2 email类型文本
  • 2.2.3 number类型文本
  • 2.2.4 range类型文本
  • 2.2.5 tel类型文本
  • 2.2.6 url类型文本
  • 2.3 HTML 5表单新属性
  • 2.3.1 autocomplete属性
  • 2.3.2 autofocus属性
  • 2.4 范例——创建一个HTML 5版的APP注册页面
  • 2.4.1 代码设计
  • 2.4.2 代码分析
  • 2.5 本章小结
  • 第3章 移动特性2——多媒体形式
  • 3.1 音频视频
  • 3.1.1 音频视频的格式
  • 3.1.2 使用video/audio元素
  • 3.1.3 音频视频的通信
  • 3.2 范例——制作音乐播放器APP
  • 3.3 范例——制作视频播放器APP
  • 3.3.1 普通视频播放器
  • 3.3.2 添加视频进度条
  • 3.3.3 添加视频快进慢进按钮
  • 3.3.4 处理带字幕的视频
  • 3.4 本章小结
  • 第4章 移动特性3——地理位置定位
  • 4.1 认识地理位置
  • 4.1.1 纬度和经度坐标
  • 4.1.2 定位数据
  • 4.1.3 构建地理位置应用
  • 4.2 手机地理位置定位
  • 4.3 谷歌地图的使用
  • 4.3.1 追踪用户的位置
  • 4.3.2 查找路线
  • 4.3.3 用户自定义的地理定位
  • 4.4 高德地图的使用
  • 4.5 本章小结
  • 第5章 移动特性4——离线缓存
  • 5.1 离线缓存应用
  • 5.1.1 离线缓存API简介
  • 5.1.2 使用Manifest方法
  • 5.1.3 使用ApplicationCache API方法
  • 5.1.4 搭建简单的离线APP
  • 5.2 离线事件处理
  • 5.3 范例——离线贴吧APP
  • 5.4 本章小结
  • 第6章 移动特性5——Canvas绘图
  • 6.1 HTML 5的绘图API
  • 6.1.1 什么是Canvas
  • 6.1.2 加载Canvas
  • 6.1.3 什么是SVG
  • 6.1.4 什么是WebGL
  • 6.1.5 Paper.js图形库
  • 6.2 应用Canvas
  • 6.2.1 绘制图形
  • 6.2.2 绘制文字
  • 6.2.3 颜色渐变
  • 6.3 范例——带特效的相册APP
  • 6.4 本章小结
  • 第7章 移动特性6——CSS 3视觉辅助
  • 7.1 CSS 3的变化
  • 7.2 背景(Backgrounds)
  • 7.3 文字效果(Text Effects)
  • 7.4 边框(Border)
  • 7.5 用户界面(User interface)
  • 7.6 转换(Transform)
  • 7.7 过渡(Transition)
  • 7.8 范例——用CSS 3画哆啦A梦
  • 7.8.1 头和脸
  • 7.8.2 脖子和铃铛
  • 7.8.3 身体和四肢
  • 7.8.4 让眼睛动起来
  • 7.9 本章小结
  • 第8章 移动特性7——调用手机设备
  • 8.1 HTML 5调用手机摄像头
  • 8.2 HTML 5调用手机相册
  • 8.3 HTML 5调用手机通讯录
  • 8.4 本章小结
  • 第9章 HTML 5移动性能优化
  • 9.1 HTML 5的性能考量
  • 9.1.1 浏览器性能
  • 9.1.2 网络性能
  • 9.1.3 开发效率
  • 9.2 加载优化
  • 9.2.1 减少HTTP请求
  • 9.2.2 充分利用缓存
  • 9.2.3 压缩
  • 9.2.4 优化JavaScript加载性能
  • 9.2.5 其他加载优化
  • 9.3 CSS优化
  • 9.3.1 了解页面的渲染过程
  • 9.3.2 避免在HTML标签中写Style属性
  • 9.3.3 正确使用display属性
  • 9.3.4 避免使用CSS表达式
  • 9.3.5 请勿滥用float属性
  • 9.3.6 不滥用Web字体
  • 9.3.7 不声明过多的Font-size
  • 9.3.8 优化选择器的使用
  • 9.4 图片优化
  • 9.4.1 使用CSS 3代替图片
  • 9.4.2 使用Data URI代替图片
  • 9.4.3 使用SVG代替图片
  • 9.4.4 IconFont与SVG优劣对比
  • 9.4.5 使用压缩图片
  • 9.4.6 使用srcset
  • 9.4.7 使用WebP
  • 9.5 渲染优化
  • 9.5.1 渲染流程
  • 9.5.2 使用Viewport加速页面渲染
  • 9.5.3 动画优化
  • 9.5.4 高频事件优化
  • 9.5.5 GPU加速
  • 9.6 脚本优化
  • 9.6.1 脚本执行优化
  • 9.6.2 条件JavaScript
  • 9.6.3 缓存DOM操作
  • 9.6.4 尽量使用事件代理以避免批量绑定事件
  • 9.6.5 尽量使用ID选择器
  • 9.6.6 click事件优化
  • 9.7 本章小结
  • 第10章 jQuery Mobile移动框架
  • 10.1 初步接触jQuery Mobile
  • 10.1.1 jQuery Mobile框架特点
  • 10.1.2 jQuery Mobile框架安装与配置
  • 10.1.3 创建第一个jQuery Mobile APP
  • 10.2 jQuery Mobile页面与导航
  • 10.2.1 jQuery Mobile单页面
  • 10.2.2 jQuery Mobile多页面
  • 10.2.3 jQuery Mobile对话框页面
  • 10.2.4 jQuery Mobile导航
  • 10.2.5 jQuery Mobile加载
  • 10.2.6 jQuery Mobile动画效果
  • 10.3 jQuery Mobile CSS样式
  • 10.3.1 按钮样式
  • 10.3.2 图标样式
  • 10.3.3 网格布局样式
  • 10.4 jQuery Mobile小部件
  • 10.4.1 工具条
  • 10.4.2 导航条
  • 10.4.3 选项卡
  • 10.4.4 面板
  • 10.4.5 弹出框
  • 10.5 jQuery Mobile表单
  • 10.5.1 输入框
  • 10.5.2 复选框
  • 10.5.3 单选按钮
  • 10.5.4 下拉列表框
  • 10.5.5 滑块控件
  • 10.6 本章小结
  • 第11章 Sencha Touch框架
  • 11.1 初步接触Sencha Touch
  • 11.1.1 Sencha Touch框架特点
  • 11.1.2 Sencha Touch框架环境搭建
  • 11.1.3 创建第一个Sencha Touch APP
  • 11.1.4 Sencha Touch APP代码解析
  • 11.1.5 运行Sencha Touch APP
  • 11.2 Sencha Touch核心概念
  • 11.2.1 类系统
  • 11.2.2 容器组件
  • 11.2.3 组件布局
  • 11.2.4 事件
  • 11.3 Sencha Touch组件
  • 11.3.1 导航视图
  • 11.3.2 旋灯视图
  • 11.3.3 表单
  • 11.4 本章小结
  • 第12章 jQuery Mobile框架实战——移动便笺APP
  • 12.1 项目介绍
  • 12.2 项目功能模块
  • 12.2.1 主页
  • 12.2.2 便笺内容浏览页面
  • 12.2.3 登录页面
  • 12.2.4 便笺内容浏览页面(用户权限)
  • 12.2.5 新建便笺内容
  • 12.2.6 编辑便笺内容
  • 12.2.7 删除便笺内容
  • 12.2.8 清空便笺内容
  • 12.3 本章小结
  • 第13章 Sencha Touch框架实战——通讯录APP
  • 13.1 项目介绍
  • 13.2 项目功能模块
  • 13.2.1 app.js主入口文件
  • 13.2.2 Model模型
  • 13.2.3 Store存储
  • 13.2.4 View主视图
  • 13.2.5 Contacts视图类
  • 13.2.6 Controller控制器
  • 13.3 测试运行项目
  • 13.4 本章小结
展开全部