码迷,mamicode.com
首页 > Web开发 > 详细

离线应用和web worker

时间:2015-08-31 01:06:27      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

只当自己笔记一样,把自己看的资料整理一下而已,勿喷!

搭建离线应用可以适用于一些小的应用场景。感觉目前用的也不是很多,分为以下几步:

①找到服务器的配置文件,设置头信息 : 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; width: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();

 

离线应用和web worker

标签:

原文地址:http://www.cnblogs.com/toodeep/p/4771981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!