沪江小D在线词典 点击查词
有问题Q我

随笔分类 -  HTML5

HTML5学习(十一)---服务器发送事件
摘要：参考教程：http://www.w3school.com.cn/html5/html_5_serversentevents.aspHTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。接收 Server-Sent 事件通知EventSource 对象用于接收服务器发送事件通 阅读全文
posted @ 2013-06-17 18:44 Python绿色通道 阅读(674) 评论(0) 推荐(0)
HTML5学习(十)---Web Workers
摘要：参考教程：http://www.w3school.com.cn/html5/html_5_webworkers.aspweb worker 是运行在后台的 JavaScript，不会影响页面的性能。什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。创建 web worker 文件现在，让我们在一个外部 JavaScript 中创建我们的 web worke 阅读全文
posted @ 2013-06-17 18:03 Python绿色通道 阅读(337) 评论(0) 推荐(0)
HTML5学习(九)----应用程序缓存
摘要：参考教程：http://www.w3school.com.cn/html5/html_5_app_cache.asp使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。HTML5 Cache Manifest 实例下面的例子展 阅读全文
posted @ 2013-06-17 17:15 Python绿色通道 阅读(540) 评论(0) 推荐(0)
HTML5学习(八)----Web存储
摘要：参考地址：http://www.w3school.com.cn/html5/html_5_webstorage.asp在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储，localStorage 存储数据是长久的sessionStorage - 针对一个 session 的数据存储 sessionStorage 存储数据只是在一个会话中时行存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据 阅读全文
posted @ 2013-06-17 16:55 Python绿色通道 阅读(331) 评论(0) 推荐(0)
HTML5学习(七)----地理定位
摘要：参考教程：http://www.w3school.com.cn/html5/html_5_geolocation.asp说明:设备必须有GPS定位功能才能定位的定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。点击这个按钮，获得您的坐标：试一下说明：html5的定位还比较准，我在Android与iphone上都有测试过，另外这种定位方式也比较简单 阅读全文
posted @ 2013-06-17 16:25 Python绿色通道 阅读(400) 评论(0) 推荐(0)
HTML5学习(六)---------SVG 与Canvas
摘要：参考教程：http://www.w3school.com.cn/html5/html_5_canvas_vs_svg.aspCanvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。CanvasCanvas 通过 JavaScript 来绘制 2D 图形。Canvas 是逐像素进行渲 阅读全文
posted @ 2013-06-17 16:20 Python绿色通道 阅读(426) 评论(0) 推荐(0)
HTML5学习(五)----SVG
摘要：参考教程地址：http://www.w3school.com.cn/html5/html_5_svg.aspHTML5 支持内联 SVG。什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG 的优势与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG 图像可在任何的分辨 阅读全文
posted @ 2013-06-17 16:14 Python绿色通道 阅读(375) 评论(0) 推荐(0)
HTML5学习(四)---Canvas绘图
摘要：参考教程地址：http://www.w3school.com.cn/html5/html_5_canvas.aspcanvas 元素用于在网页上绘制图形。什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度：<canvas id="myCanvas" width="200" height=&qu 阅读全文
posted @ 2013-06-17 15:10 Python绿色通道 阅读(714) 评论(0) 推荐(0)
HTML5学习(三)---拖放
摘要：参考教程地址：http://www.w3school.com.cn/html5/html_5_draganddrop.asp<!DOCTYPE HTML><html><head><script type="text/javascript">function allowDrop(ev){ev.preventDefault();}function drag(ev){ev.dataTransfer.setData("Text",ev.target.id);}function drop(ev){ev.prevent 阅读全文
posted @ 2013-06-13 11:35 Python绿色通道 阅读(281) 评论(0) 推荐(0)
HTML5学习(二)---音频
摘要：参考html5教程地址:http://www.w3school.com.cn/html5/html_5_audio.asp<audio> 标签的属性属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。looploop如果出现该属性，则每当音频结束时重新开始播放。preloadpreload如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。srcurl要播放的音频的 URL。<!DOCTYPE HT 阅读全文
posted @ 2013-06-13 10:49 Python绿色通道 阅读(322) 评论(0) 推荐(0)
HTML5学习（一）---视频
摘要：我使用的是JetBrains WebStorm 2.0.1 这个开发工具. 下载地址：http://urlxf.qq.com/?nmiURzu播放视频：http://www.w3school.com.cn/html5/html_5_video.asp<video> 标签的属性属性值描述autoplayautoplay如果出现该属性，则视频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。heightpixels设置视频播放器的高度。looploop如果出现该属性，则当媒介文件完成播放后再次开始播放。preloadpreload如果出现 阅读全文
posted @ 2013-06-09 18:38 Python绿色通道 阅读(262) 评论(0) 推荐(0)