html5移动开发即学即用 pdf

HTML5移动开发即学即用 pdf是一本真正专注于实践的HTML书籍。如今HTML5已经逐渐成为次时代的主流技术了。相信用不了多久，我们将能实现全新的HTML5网页效果。而且这本书侧重于即学即用，所以非常具有参考价值。这里不仅介绍了广泛应用于各智能移动终端设备上，而且绝大部分技术已经被各种最新版本的测览器所支持：逐一剖析HTML5标准中包含的最新技术，详细介绍了HTML5新标准中提供的各种API，各种各样的应用实例，可以直接应用于自己的HTML5程序中。 作者精心编写的，运行于常用PC测览器以及智能手机上的应用实例，操作性与实用性俱佳，可以让您做到即学即用。讲解兼顾常用的PC浏览器以及当前流行的各种智能移动设备，作者丰富的移动开发经验会让你受益匪浅。双色印刷，既美观大方，又方便您的阅读。 所以，作为一名WEB开发人员，这绝对是比不可少的。喜欢的朋友，赶紧下载吧！

内容简介

HTML5 是取代HTML4 的新一代Web 技术，尽管正式标准还没有发布，但实际上已经被广泛应用于各智能移动终端设备上，而且绝大部分技术已经被各种最新版本的浏览器所支持。本书逐一剖析HTML5 标准中包含的最新技术，全书分11 章，详细介绍了HTML5 新标准中提供的各种API，同时附上了相关的应用实例，方便读者直接掌握这些API 的使用，且大部分可以直接应用于自己的HTML5 程序中。

作者简介

王志刚1998年大学毕业后进入青岛海尔集团，经历过IT泡沫那个激动人心的时代。2000年后去日本工作，历经程序员、系统工程师、项目经理、开发部长等职。在十四年的开发生涯中，参加过日立、富士通等公司主导的大型项目的开发，获得过日本国专利的成绩。擅长各种移动开发技术，在十多年的工作中，积累了不少大型项目的开发经验，并不断与他人分享。
王中元 博士，武汉大学计算机学院副教授，硕士研究生导师。

本书内容

全书分11 章，详细介绍了HTML5 新标准中提供的各种API，同时附上了相关的应用实例，方便读者直接掌握这些API 的使用，且大部分可以直接应用于自己的HTML5程序中。
第1 章是HTML5 的概要，详细介绍了各种浏览器以及智能终端设备中对HTML5API 的支持现状。
第2 章介绍HTML5 新标准中最受关注的功能之一——图形/图像绘制技术Canvas。尽管现在在Canvas 中只能绘制2D 图形/图像，但随着技术的发展将来完全可能取代Flash 等技术。抛弃各种类似于Flash 的插件正是HTML5 新标准的目标之一。
第3 章介绍CSS 的最新版本CSS3。编写CSS3 样式单，能简单实现许多CSS2 无法实现、或者实现起来很困难的效果，结合本书附录C 中关于CSS3 的动画实现方式的内容，读者可全面了解CSS3 的具体应用。
第4 章介绍在网页中绘制矢量图形的技术——SVG，帮助读者学习另一种不同于Canvas 的图形绘制技术。
第5 章介绍HTML5 中另一种广受关注的API，即Video&Audio。在HTML5 中只需要使用标签就可以实现视频/音频文件的播放，同时可以通过JavaScript 脚本对其播放进行控制。

第6 章介绍HTML5 新标准提供的拖放功能。不仅可以轻松实现画面控件的拖放，还可以结合File API 将桌面文件直接拖入到网页中，本章详细介绍了关于拖放功能的各种知识。
第7 章介绍在HTML5 中脱机实现Web 应用程序的方式。脱机Web 应用程序不仅允许用户在Internet 环境中访问其网页，也可以在无法连接Internet 时访问相应网页。
第8 章介绍HTML5 新标准中特色的双向通信（客户端与服务器）解决方案——WebSocket。有了WebSocket 技术，服务器端不再被动的接受客户端访问，还可以向客户端主动发送信息。
第9 章介绍HTML5 新标准中特色的多线程模式Web Workers。使用Web Workers后，将画面中需要耗费大量时间运行的处理放在后台执行，前台画面不再像原来的网页一样，当进行耗时的处理时，画面只能“凝固”不动。
第10 章介绍两种保存数据的API——Web Storage 与Web SQL Database。Web Storage类似原来的Cookie 与Session，而使用Web SQL Database 后，就可在JavaScript 中直接操作数据库了。
第11 章介绍在智能终端中受欢迎的定位功能Geolocation API（当然普通网页中也能使用它），以及将Geolocation API 与Google Maps API 进行结合的具体应用。

HTML5移动开发即学即用目录

第1章 html5概要
　1.1 html5的发展历程
　1.1.1 html标准概要
　1.1.2 html5标准的产生
　1.2 html5与html4的区别
　1.3 html5中的api
　1.3.1 html5标准自带的api
　1.3.2 whatwg创建的api
　1.3.3 html5相关api
　1.4 html5 api受支持现状
　1.5 html5编程的基础
　1.5.1 常用web技术概述
　1.5.2 html5程序的书写方式
第2章 canvas
　2.1 canvas基础
第1章 html5概要
　1.1 html5的发展历程
　1.1.1 html标准概要
　1.1.2 html5标准的产生
　1.2 html5与html4的区别
　1.3 html5中的api
　1.3.1 html5标准自带的api
　1.3.2 whatwg创建的api
　1.3.3 html5相关api
　1.4 html5 api受支持现状
　1.5 html5编程的基础
　1.5.1 常用web技术概述
　1.5.2 html5程序的书写方式
第2章 canvas
　2.1 canvas基础
　2.1.1 canvas的规范概要
　2.1.2 canvas的基本用法
　2.1.3 第一个canvas程序
　2.1.4 路径 　
　2.1.5 颜色定义
　2.1.6 绘制方法介绍
　2.2 绘制渐变效果
　2.2.1 线性渐变与圆形渐变
　2.2.2 线性渐变
　2.2.3 圆形渐变
　2.2.4 context的属性
　2.3 绘制图像
　2.3.1 canvas中的图像绘制
　2.3.2 像素处理
　2.4 绘制数据图表
　2.4.1 绘制方格图
　2.4.2 数据图表
　2.5 旋转与变形
　2.5.1 变形方法
　2.5.2 移动与扩大/缩小
　2.5.3 变形的保存与恢复
　2.5.4 旋转
　2.5.5 变形矩阵
　2.6 绘制文本
　2.6.1 绘制文本概述
　2.6.2 对齐方式
　2.6.3 基准线
　2.6.4 绘制竖线图表
　2.7 canvas实现动画效果
　2.7.1 圆球跳动的动画
　2.7.2 待机动画
第3章 css3基础
　3.1 css3基础应用
　3.1.1 阴影
　3.1.2 颜色的指定
　3.1.3 变形
　3.2 css3动画
　3.2.1 css3的动画功能基础
　3.2.2 动画的定义方法
　3.3 特效
　3.3.1 圆角
　3.3.2 渐变效果
　3.3.3 倒影
　3.3.4 多栏目布局
第4章 svg
　4.1 svg基础
　4.1.1 svg规范概要
　4.1.2 svg的特征
　4.1.3 svg与canvas比较
　4.1.4 svg与html
　4.2 svg的语法基础
　4.2.1 文档类型与根元素
　4.2.2 svg的基本图形
　4.2.3 svg的修饰
　4.3 svg与javascript结合的实例
第5章 video & audio
　5.1 (video) 与(audio)概要
　5.1.1 视频与音频处理革命
　5.1.2 (video) 与(audio)基础
　5.2 video和audio的方法与属性
　5.3 事件以及事件的发生顺序
　5.3.1 事件概要
　5.3.2 事件的发生顺序
　5.4 使用video实现实时字幕
　5.4.1 html代码
　5.4.2 脚本代码
　5.5 视频与canvas的组合技巧
　5.5.1 在canvas上绘制视频影像
　5.5.2 对视频进行黑白影像变换
　5.5.3 显示加工后的视频
　5.6 创建简易音频播放器
　5.6.1 播放音频
　5.6.2 在脚本中控制音频
　5.6.3 检查音频文件是否可播放
　5.6.4 显示播放时间
　5.7 制作乐器演奏程序
　5.7.1 通过点击演奏
　5.7.2 通过按键演奏
　5.8 制作可变速视频播放器
　5.8.1 html代码
　5.8.2 实现各按钮功能
　5.8.3 制作控制速度的滑块
第6章 拖放
　6.1 拖放基础
　6.1.1 规范概要
　6.1.2 file api
　6.1.3 浏览器支持现状
　6.2 网页控件对象的拖放
　6.2.1 实例概要
　6.2.2 详细代码
　6.2.3 事件与datatransfer
　6.2.4 internat explorer中实现方法
　6.3 桌面文件的拖放实例
　6.3.1 实例概要
　6.3.2 详细代码
　6.3.3 拖放相关事件处理
　6.3.4 拖入文件的api
　6.3.5 读取文件内容的api
　6.3.6 文件读取时的事件
　6.3.7 文件导入的进度
　6.3.8 文件数据的读取
第7章 实现脱机web应用程序
　7.1 脱机web应用程序概要
　7.1.1 缓存清单
　7.2 脱机web应用程序实例
　7.2.1 关于缓存更新
　7.3 cache-manifest的语法规则
　7.3.1 fallback段落
　7.3.2 network段落
　7.4 在javascript中对缓存进行控制
　7.5 通过javascript创建缓存监视实例
第8章 websocket
　8.1 websocket概要
　8.1.1 websocket协议
　8.2 websocket简单实例
　8.2.1 客户端代码
　8.2.2 服务器端处理的实现
　8.3 多个websocket连接的处理
　8.4 子协议的构筑与应用
第9章 web workers
　9.1 web workers概要
　9.2 hell web workers实例
　9.3 计算素数个数
　9.4 importscripts的应用
第10章 本地数据保存
　10.1 web storage
　10.1.1 web storage概要
　10.1.2 localstorage应用
　10.1.3 使用localstorage创建简易记事本
　10.1.4 保存应用程序中的用户设置
　10.2 web sql database
　10.2.1 web sql database概要
　10.2.2 web sql database的基本使用方法
　10.2.3 创建todo记事本
第11章 geolocation
　11.1 geolocation概要
　11.1.1 如何获取定位信息
　11.1.2 支持情况
　11.2 html5中定义的geolocation规范
　11.2.1 geolocation
　11.2.2 getcurrentposition
　11.2.3 position对象
　11.2.4 postionerror对象
　11.2.5 watchposition
　11.2.6 clearwatch
　11.3 google maps api
　11.3.1 显示地图的基本方法
　11.3.2 显示标记
　11.4 美食餐饮店记录程序
附录a 实用开发环境的构筑
附录b javascript 的ecma-262 3rd edition 与5th edition的区别
附录c css transitions 与 animations

HTML5特性

语义特性（Class：Semantic）
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。
设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
连接特性（Class: CONNECTIVITY）
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。
三维、图形及特效特性（Class: 3D, Graphics & Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
性能与集成特性（Class: Performance & Integration）
没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。
CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

HTML5优点缺点

网络标准
HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。
多设备跨平台
用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。
自适应网页设计
很早就有人设想，能不能“一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）。
2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。
即时更新
游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。
总结概括HTML5有以下优点：
1、提高可用性和改进用户的友好体验；
2、有几个新的标签，这将有助于开发人员定义重要的内容；
3、可以给站点带来更多的多媒体元素(视频和音频)；
4、可以很好的替代FLASH和Silverlight；
5、当涉及到网站的抓取和索引的时候，对于SEO很友好；
6、将被大量应用于移动应用程序和游戏；
7、可移植性好。
缺点：
该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。
争议
HTML5在诞生之后，就树立了一个原则，那就是所有的技术必须是开放的，不准有专利限制，在这期间Opera捐献了CSS技术，而Google则提供了视频格式WebM。
可以说大部分的HTML协议在众多网络技术公司中达成共识，但在视频格式方面，世界各大互联网公司正在为具体标准进行争论，这可能影响HTML5标准的分流。纷争的两大阵营分别是Opera、火狐、Google等，另一大阵营则由苹果公司领衔。
MPEG阵营认为WebM格式是具有专利保护的，这违背了HTML5所有技术必须开放的原则。MPEG阵营则更多地是因为自身就在使用这种视频格式。

下载说明：

方法一：
1、下载并解压，得出pdf文件
2、如果打不开本文件，别着急，这时候请务必在3322软件站选择一款阅读器下载哦
3、安装后，再打开解压得出的pdf文件
4、以上都完成后，接下来双击进行阅读就可以啦，朋友们开启你们的阅读之旅吧。
方法二：
1、可以在手机里下载3322软件站中的阅读器和百度网盘
2、接下来直接将pdf传输到百度网盘
3、用阅读器打开即可阅读