HTML5
文章平均质量分 81
柒青衿
前端
展开
-
HTML5.1 里的新东西
查看原文请戳这里HTML 5.1概览两年前HTML5标准的发布对于web开发社区来说是一件大事。不仅是因为它包含了一系列让人印象深刻的新特性, 还因为它是1999年发布的HTML4.01标准以后,对HTML的第一个大版本更新。你现在依然可以看到一些网站夸耀他们在使用“现代”的HTML5标准。幸运的是我们不需为下一次HTML标准的更新等待那么长时间。2015年10月,W3C开始着手HTML5.1草案,翻译 2016-12-09 13:24:53 · 1919 阅读 · 1 评论 -
HTML5-indexedDB使用总结
1. 特点IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。特点如下: * 支持事务、游标、索引等数据库操作 * 一般浏览器会分配50M-250M不等的内存 * 持久化存储,清除浏览器缓存不会被删除(localStorage是会被删除的) * 支持多种数据格式:arrayBuffer、String、Object、Array、File、Blob、ImageData都ok原创 2016-12-02 16:30:05 · 8449 阅读 · 0 评论 -
HTML5-indexedDB使用常见错误总结
indexedDB使用过程中常常会出现以下错误: Failed to execute ‘createObjectStore’ on ‘IDBDatabase’: The database is not running a version change transaction.这是由于你在success事件的回调中调用createObjectStore方法,该方法应该在upgradeneeded原创 2016-11-21 19:56:23 · 24847 阅读 · 1 评论 -
HTML5-Service Worker实现离线页面访问
如果提到HTML5的新API,WebSocket ,Web Workers大家应该比较熟悉。WebSocket是用于简述请求数量的新协议,Web Workers是用于实现浏览器的多线程。而今天要介绍的Service Worker是用于页面离线缓存,提供类似App的服务。注意,这和浏览器缓存不是一回事。 下面所有代码请查看github下载完整版本1. Service Worker 介绍试想,当你原创 2016-06-10 23:27:38 · 6505 阅读 · 1 评论 -
HTML5-Web Workers实现多线程
HTML5-Web Workers实现多线程当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。虽然在JavaScript中有setInterval和setTimeout函数使javaScript看起来好像使多线程执行,单实际上JavaScript使单线程的,一次只能做一件事情。 可以运行以下示例,检验js的单线程特性。 相关代码请到github查看。 <div原创 2016-05-06 13:23:17 · 4478 阅读 · 0 评论 -
HTML5-postMessage实现跨域
HTML5-postMessage实现跨域对于使用H5实现跨域,很多人都一直处于半懂状态。知道使用postMessage发送消息,使用onMessage接受消息,但是到底哪个方法应该用window调用哪个应该用iframe的contentWindow调用不是很清楚。下面是我做的一个本地实现跨域的小demo,可以在github下载这个示例。为了执行它,首先,你需要找到你电脑的hosts文件,在127.原创 2016-05-05 20:35:16 · 6666 阅读 · 0 评论 -
HTML5-WebSocket简单易懂的介绍
作者:Ovear链接:http://www.zhihu.com/question/20215561/answer/40316953来源:知乎一、WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)首先HTTP有1.1和1.0之说,也就是所谓的keep-alive,把多个HTTP请求合并转载 2016-04-16 20:46:52 · 1076 阅读 · 0 评论 -
HTML5-Web Messaging
作为web开发,我们常常会碰到一个问题: 跨域通讯Cross-Domain communication, 面对同源原则问题Same-Origin-Policy, JavaScript无法访问不同域(或子域)或协议(HTTP/HTTPs)或端口中的代码 , 所以也没有直接的方法 (或者说简单) 解决跨域通讯问题. 但这样的场景还是会出现: A页面和B页面在不同的域, B “嵌在”A上, 比如翻译 2016-01-17 13:40:49 · 791 阅读 · 0 评论 -
HTML5-web通信之 Cross-Document Messaging(XDM) & Channel Messaging
在学习跨域,转载几篇好的博客,以后有深刻理解再自己总结吧。HTML5 web通信(跨文档通信/通道通信)简介by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2229一、简单概要web通信(洋名:web messaging)是一种文档中独立的浏览转载 2016-01-17 13:15:25 · 1453 阅读 · 0 评论 -
HTML5-service worker进行缓存控制
讲一下使用service worker做缓存版本控制。1. 基础生命周期installing -> activated -> fech/message需要关注的生命周期阶段以下代码以使用indexedDB为例,后面提供使用service worker自带的cache的版本 install:首次缓存self.addEventListener('install', function(e){ c原创 2016-12-02 18:19:21 · 6276 阅读 · 0 评论