只当自己笔记一样,把自己看的资料整理一下而已,勿喷!
搭建离线应用可以适用于一些小的应用场景。感觉目前用的也不是很多,分为以下几步:
①找到服务器的配置文件,设置头信息 : AddType text/cache-manifest .manifest
② html标签加 : manifest=“xxxxx.manifest”,例如:
<html manifest="cache.manifest">
③写manifest文件 : 离线的清单列表 先写 : CACHE MANIFEST
二、web worker
web worker可以让web应用程序对多线程的支持比较好,从而大大提高性能。
用法:
首先创建Worker对象,例如:var w1 = new Worker('zwl.js'); 参数为后台处理的js文件的路径。
然后利用worker对象下面postMessage方法来传递数据,例如:
w1.postMessage('zwl');
在后台处理的zwl.js文件中,有一个对象self,指的就是w1。在zwl.js中监听onmessage事件。
self.onmessage(function(ev){
self.postMessage(ev.data);
});
监听到该事件后,利用传递过来的数据,进行程序运行过后的结果又可以该事件中再次调用postMessage方法传递给客户端的js文件,同理客户端的js文件也需要监听onmessage事件,将结果数据获取。
三、一些有意思的却不常用的html5
1.设置元素内容可编辑contenteditable="true",例如:
<div contenteditable="true" style="height:50px; 50px; background:red;">此处内容可编辑</div>
2.语音输入: x-webkit-speech
<input type="text" x-webkit-speech />
仅支持webkit内核
3.桌面提醒代码
window.webkitNotifications.requestPermission(); statue = window.webkitNotifications.checkPermission(); var notification =window.webkitNotifications.createNotification("[imgurl]","Title","Body"); notification.show();