离线应用和web worker

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

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

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

 

转载于:https://www.cnblogs.com/toodeep/p/4771981.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值