简单了解HTML5中的Web Notification桌面通知
一、传统的通知实现
通知可以说是web中比较常见且重要的功能，私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈，这个时候，就需要页面给予即使的通知。
在以前，我们的通知实现主要是通过闪烁页面的标题内容来实现，实现原理其实很简单，就是定时器不断修改document.title的值。…
HTML 5 服务器推送事件
HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。
Server-Sent 事件 - 单向消息传递
Server-Sent 事件指的是网页自动获取来自服务器的更新。
以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。
例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。
HTML5 新功能概览
HTML5 新功能概览
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
…
使用HTML5中postMessage实现Ajax中的POST跨域问题
HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。
浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+
1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：
window.addEventListener(“message”, function(){},false);…
响应式图片你会吗？今天我们从srcset说起
今天，我将介绍关于响应式网页设计（RWD）流行的新思想：响应式图片。RWD 不再是一个新鲜的话题，但是想要实现它却并不容易。尤其是涉及到图片的时候，还有很多问题待解决。…
前端HTML5几种存储方式的总结
总体情况
h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
主要应用：购物车、客户登录
对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。
… H5缓存机制浅析-移动端Web加载性能优化【干货】
jQuery.data()和HTML5之data-属性
1、jQuery之data()方法
描述：data() 方法向被选元素附加数据，或者从被选元素获取数据。
1.1、使用js原生对象
- $.data(js对象,key,value);//增加data
- $.removeData(js对象,key);//移除data
- $.hasData(js对象,key);//判断data
1.2、使用jQuery对象
…原（原创翻译）PHP & HTML5 文件夹上传
我总是发现自己渴望的能力是拖拽上传文件夹到一个web应用程序。所以上传多个文件是一个有趣的了不起的进步。
但是现在我提供给你 webkitdirectory !
视频演示：用HTML5 webkitdirectory上传文件夹 。
注意：这只会在一个最新的webkit的浏览器上运行。webkitdirectory目前不是标准 ，纯粹是为了玩。我不建议你在正式环境部署这个应用程序。…
移动前端不得不了解的html5 head 头标签
本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。
移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标签显得非常重要。
DOCTYPE
DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。
使用 HTML5 doctype，不区分大小写。
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->…
近期评论