HTML5技术概要与应用开发.pdfVIP

HTML5技术概要与应用开发  复活的HTML  什么是HTML5 HTML5不仅仅是一个标签语言，而是一系列Web技术的集合 HTML5集各种技术（特别是规范）于一体，形成了一个囊括 HTML、JavaScript 和层叠样式表（CSS ）在内的功能强大的 API HTML5 允许程序编写一次，在任何（现代）浏览器中运行  HTML5新特性  HTML5新特性-音视频 Video Audio  HTML5新特性-画布 canvas 元素用于在网页上绘制2D图形。 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域， 开发者可以控制其内每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和 OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑 定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，可以借助系统显 卡来在浏览器里更流畅地展示3D场景和模型。  HTML5新特性-Web存储  HTML5新特性-离线存储 为了让用户能在即使无网络连接的情况下能够继续跟Web App和文档继 续交互，开发者可以提供一个列出了Web App在离线工作时所需文件列 表的manifest文件。 这个manifest文件可以使浏览器保持其在离线工作时所需要的所有文件的 一份拷贝。 当用户可以通过Internet访问程序URL地址时，浏览器会检查网站端的 manifest文件，看其是否和本地版本对应。如果远程的版本已经有新的改 动，浏览器会在后台下载所有manifest中列出的文件并将其存放在一个临 时缓存中。  HTML5新特性-WebWorkers Web Workers 定义了一套API ，能够允许脚本运行于后台，进行类似于线 程化的操作。它提供了一种标准的方式让浏览器能够在后台运行 JavaScript。通过Web Workers ，可以产生多个线程，并让他们同时运行。 这些后台线程可以在页面响应用户的滚屏、点击或者输入操作的同时做些 诸如复杂的数学运算、发送网络请求或者操作本地数据库的事情。 Web Workers 打破了传统 JavaScript 的单线程模式，引入了多线程编程 模式。一个 worker 是一个独立的线程。有多个任务需要处理的 web 应用 程序不再需要逐个处理任务。反之，应用程序可以将任务分配给不同的 workers。  HTML5新特性-WebSocket WebSocket 协议本质上是一个基于 TCP 的协议。 为了建立一个 WebSocket 连接，客户端浏览器首先要向服务器发起一个 HTTP 请求，这个请求和通常的 HTTP 请求不同，包含了一些附加头信息， 其中附加头信息 “Upgrade: WebSocket”表明这是一个申请协议升级 的 HTTP 请求，服务器端解析这些附加的头信息然后产生应答信息返回给 客户端，客户端和服务器端的 WebSocket 连接就建立起来了，双方就可 以通过这个连接通道自由的传递信息，并且这个连接会持续存在直到客户 端或者服务器端的某一方主动的关闭连接。 基于Web Socket可以构建实时应用，例如多人聊天系统。  浏览器大战 2012年3月的一个PPT  主流浏览器跑分  浏览器的中国力量  操作系统-虚拟机-浏览器 App Runtime Environment  Native应用 vs Web应用 原生本地应用优势： 更好的用户体验和交互操作 受网络限制少，节省带宽成本 充分发挥设备硬件和操作系统的特性 原生本地应用劣势：