历史上，http://www.gxlcms.com/wiki/48.html" target="_blank">JavaScript无法处理二进制数据。如果一定要处理的话，只能使用charCodeAt()方法，一个个字节地从文字编码转成二进制数据，还有一种办法是将二进制数据转成Base64编码，再进行处理。这两种方法不仅速度慢，而且容易出错。ECMAScript5引入了Blob对象，允许直接操作二进制数据。Bolb对象是一个代表二进制数据的基本对象，在它的基础上，又衍生出一系列相关的API，用来操...
1、概述WebRTC是“网络实时通信”（Web Real Time Communication）的缩写，它主要用来让浏览器实时获取和交换视频、音频和数据。WebRTC共分三个API。MediaStream（又称getUserMedia）RTCPeerConnectionRTCDataChannelgetUserMedia主要用于获取视频和音频信息，后两个API用于浏览器之间的数据交换。2、getUserMedia2.1 简介首先，检查浏览器是否支持getUserMedia方法。navigator.getUserMedia || (navigator.getUserMedia = navigat...
1、概述Mutation Observer（变动观察器）是监视DOM变动的接口。当DOM对象树发生任何变动时，Mutation Observer会得到通知。要概念上，它很接近事件。可以理解为，当DOM发生变动会触发Mutation Observer事件。但是，它与事件有一个本质不同：事件是同步触发，也就是说DOM发生变动立刻会触发相应的事件；Mutation Observer则是异步触发，DOM发生变动以后，并不会马上触发，而是要等到当前所有DOM操作都结束后才触发。这样设计是为了应...
1、概述HTTP协议是一种无状态协议，服务端本身不具有识别客户端的能力，必须借助外部机制，比如session和cookie，才能与特定客户端保持对话。这多多少少带来一些不便，尤其在服务器端与客户端需要持续交换数据的场合（比如网络聊天），更是如此。为了解决这个问题，HTML5提出了浏览器的WebSocket API。WebSocket的主要作用是，允许服务器端与客户端进行全双工（full-duplex）的通信。举例来说，HTTP协议有点像发电子邮件，发出后要...
为了更好地为移动设备服务，HTML5推出了一系列针对移动设备的API。1、Geolocation APIGeolocation接口用于获取用户的地理位置。它使用的方法基于GPS或者其他机制（比如IP地址、WIFI热点等）。下面的方法，可以检查浏览器是否支持这个接口。if (navigator.geolocation) { // 支持} else { //不支持}1.1 getCurrentPosition方法getCurrentPosition方法，用来获取用户的地理位置。使用它需要得到用户的授权，浏览器会跳出一个对...
1、概述http://www.gxlcms.com/wiki/48.html" target="_blank">JavaScript语言采用的是单线程模型，也就是说，所有任务排成一个队列，一次只能做一件事。随着电脑计算能力的增强，这一点带来很大的不便，无法充分发挥JavaScript的潜能。龙其考虑到，File API允许JavaScript读取本地文件，就更加如此了。Web Worker的目就，就是为JavaScript创造多线程环境，允许主线程将一些任务分配给子线程。在主线程运行的同时，子线程在后台运行...
未来使用H5的场景会越来越多，这是令web开发者欢欣鼓舞的事情。然而有一个现实我们不得不看清，那就是IE系列浏览器还占有一大部分市场份额，以IE8、9为主，windows8.1的用户已经用上了IE10/11，而考虑我国的国情，IE6、7依然存留不少。在我们放手用HTML5开发的时候，新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本，不过这种方式不是很可靠，浏览器对于一些新特性也...
HTML5, CSS3以及相关技术（例如canvas和web sockets）带来了非常有用的特性，可以让我们的web程序提升一个新的level。这些新技术允许我们只用HTML,CSS和JavaScript就可以构建包括在平板和移动设备上能够运行的多样化表单页面。HTML5虽然提供了很多新特性，但是如果我们不考虑旧版本的浏览器就是用这些新技术也不太现实，老版本浏览器已经使用了很多年，我们依然需要考虑这些版本的兼容性问题。本文要解决的问题就是：在我们使用HTM...
伴随着今年10月底HTML5标准版的发布，未来使用HTML5的场景会越来越多，这是令web开发者欢欣鼓舞的事情。然而有一个现实我们不得不看清，那就是IE系列浏览器还占有一大部分市场份额，以IE8、9为主，windows8.1的用户已经用上了IE10/11，而考虑我国的国情，IE6、7依然存留不少。在我们放手用HTML5开发的时候，新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本，不过这种...
随着H5的发展，网页开发呈现了跨平台的特性，目前H5是兼容各大平台的，这也为一些其他的技术的跨平台开发提供了基础，所以我预测后H5会成为很重要的开发语言新特性介绍1.用于回话的canvas标签2.用于媒介回放的video和audio标签3.对本地离线存贮的更好支持4.新的特殊内容标签 ：article header footer nav section5. 新的表单控件：calendar date time url email search6. Safari Chrome FireFox Ie9等的支持随着H5的发展，网页开发...
一、画布（Canvas)画布是网页中的一块区域，可所以用JavaScript在上面绘图。下面我们来创建一个画布并在上面绘制一个坦克（后面将用HTML5做一个坦克大战游戏），代码如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <h1>html5-坦克大战</h1> <!--坦克大战的战场--> <canvas id="tankMap" width="400px" height="300px" style="background-color:black"></canvas> <script type="te...
一、DNS 预解析缓存众所周知，解析 DNS 是网站性能优化的比较重要的一部分，虽然加载时间不太长，但是很难压缩起来。特别是为了并发下载资源而使用多个 CDN 域名来加载资源的大型网站，更不可忽视，每加载资源之前都要先进行 CDN 域名的 DNS 解析转换。如果采用 DNS 预加载，支持该功能的浏览器就会提前对该域名进行 DNS 解析并且缓存一下，而不会在需要请求资源再进行解析。而且这个功能应用实在是太简单：<link rel="dns-prefetc...
HTML5不能说是一个全新的事物，但是大部分人对HTML5的了解还是比较少的。（如果你想了解HTML5的话，不妨查看IE9发布的HTML5视频。）虽然目前新版的主流浏览器，诸如IE9、Firefox4、Chrome10都已经开始支持HTML5特性了，但是目前所有浏览器对HTML5的支持事不完整的，主要是因为HTML5还处在制定过程中。如果你想检测你的浏览器究竟支持 HTML 5 的哪些特性，可以查看下面我们介绍的一种方法。当浏览器渲染 web 页面的时候，它会构造一...
1. 新的Doctype 尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用和来语义化地表示带标题的图片This is an image of something interesting. 3. 重新定义的 已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明 4. 去掉link和script标签里面的type属性 5. 加/不加 括号 HTML5没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签 6. 让你的内容可编辑，只需要加一个con...
由于平时忙于工作，已经有很长时间没有更新博客了，偶尔会进来看一眼，发现有很多朋友在下面留言，我很庆幸当时能写下这些有价值的文章，直到现在还能够帮助这么多朋友解决Android方面的一些问题。最近研究了一下HTML5方面的一些新技术，很是想记录下来成文，一方面可以加深自己对技术的理解，另外希望能帮助初学者理解和学习这些技术。今天我们先来讲解一下桌面通知，即Web Notifications技术。Web Notifications是HTML5中一个令人...