文章分类 -  html5笔记

摘要：效果：浏览器：全附件：弹窗+遮照 阅读全文

摘要：效果：浏览器：支持css3附件：加载中 阅读全文

摘要：html页面：利用jquery+iframe做一个ajax上传效果 PHPecho move_uploaded_file($_FILES['pic']['tmp_name']... 阅读全文

摘要：Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。浏览器支持所有主流浏览器均支持服务器发送事件，除了 Internet Explorer。接收 Server-Sent 事件通知EventSource 对象用于接收服务器发送事件通知：获得服务器更新服务器端代码实例为了让上面的例子可以运行，您还需要能够发送数据更新的服务器（比如 PHP 和 ASP）。服务器端事件流 阅读全文

摘要：在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。HTML5 使用 JavaScript 来存储和访 阅读全文

摘要：定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。HTML5 - 使用地理定位请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例，可返回用户位置的经度和纬度。点击这个按钮，获得您的坐标：试一下例子解释：检测是否支持地理定位如果支持，则运行 getCu 阅读全文

摘要：什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度：通过 JavaScript 来绘制canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：JavaScript 使用 id 来寻找 canvas 元素：var c=document.getElementById("myCanvas" 阅读全文

摘要：什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。浏览器支持所有主流浏览器均支持 web worker，除了 Internet Explorer。.例子：计数: 开始 Worker 停止 Worker 检测 Web Worker 支持在创建 web worker 之前，请检测用户的浏览器是否支持它：if(typeof(Worker)!=="und 阅读全文

摘要：一、概述在html5中，相对于之前添加了不少新的元素和属性，在javascript中也添加了一些新的API，这些给我们的开发带来了很多便利。但由于各浏览器的发展步骤不一致，也导致了不同浏览器对html5支持的差异性。二、实现原理1.在该html5实现的文件批量上传组件中，我们主要是利用html5中的一些新属性和新API来达到我们的目的。具体如下：（1）fileinput控件中的multiple属性。添加了该属性后，我们在选择文件时就可以进行多选。（2）javascriptFileAPI和相应一些属性。利用这些新功能，我们可以获取到选择的文件集合以及文件的一些属性，如文件名，文件大小，文件类型等 阅读全文