- 博客(14)
- 收藏
- 关注
RSS订阅转载 HTML5自学手册--HTML5 服务器发送事件（14）
HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。
2013-12-30 11:52:35
554
转载 HTML5自学手册--HTML5 Web Worker（13）
web worker 是运行在后台的 JavaScript，不会影响页面的性能。什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。
2013-12-30 11:33:11
417
转载 HTML5自学手册--HTML5 应用程序缓存（12）
使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载
2013-12-30 11:23:36
524
转载 HTML5自学手册--HTML5在客户端存储数据（11）
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由
2013-12-30 11:07:39
491
转载 HTML5自学手册--HTML5 Geolocation（10）
HTML5 Geolocation（地理定位）用于定位用户的位置。亲自试一试：在谷歌地图上显示您的位置定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Oper
2013-12-30 11:06:01
464
转载 HTML5自学手册--HTML5 Canvas VS SVG（9）
Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
2013-12-27 15:07:45
396
转载 HTML5自学手册--HTML5 SVG（8）
HTML5 支持内联 SVG。什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG 的优势与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：
2013-12-27 15:03:41
620
转载 HTML5自学手册--HTML5 Canvas（7）
canvas 元素用于在网页上绘制图形。什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度：
2013-12-24 09:51:19
569
转载 HTML5自学手册--HTML5 拖放（6）
拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释：在 Safari 5.1.2 中不支持拖放。HTML5 拖放实例下面的例子是一个简单的拖放实例：实例
2013-12-23 14:25:59
549
转载 HTML5自学手册--HTML5 提供了播放音频的标准（5）
HTML5 提供了播放音频的标准。Web 上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。音频格式当前，audio 元素支持三种音频格式：
2013-12-19 12:00:09
475
转载 HTML5自学手册--HTML5<video>-使用DOM进行控制(4)
HTML5 - 使用 DOM 进行控制HTML5 元素同样拥有方法、属性和事件。其中的方法用于播放、暂停以及加载等。其中的属性（比如时长、音量等）可以被读取或设置。其中的 DOM 事件能够通知您，比方说， 元素开始播放、已暂停，已停止，等等。下例中简单的方法，向我们演示了如何使用 元素，读取并设置属性，以及如何调用方法。实例为视频创建简单的播放/暂停以及调整尺寸控件：
2013-12-19 11:48:03
526
转载 HTML5自学手册--检测您的浏览器是否支持 HTML5 视频（3）
代码：检测您的浏览器是否支持 HTML5 视频： function checkVideo(){if(!!document.createElement('video').canPlayType) { var vidTest=document.createElement("video"); oggTest=vidTest.canPlayType('vide
2013-12-06 17:35:19
478
转载 HTML5自学手册--第一节--HTML5视频（2）
许多时髦的网站都提供视频。HTML5 提供了展示视频的标准。检测您的浏览器是否支持 HTML5 视频：Check 视频格式当前，video 元素支持三种视频格式： 格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+No
2013-12-06 17:30:12
689
转载 HTML5自学手册--HTML5简介（1）
什么是 HTML5？HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。新特性HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、t
2013-12-06 16:04:20
538
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人