您的位置:首页 > Web前端 > HTML5

HTML5-离线存储,Web Worker

2016-11-13 16:37 495 查看
1.离线存储

搭建离线应用程序

①服务器设置头信息 :

AddType text/cache-manifest .manifest

② html标签加 :

manifest=“xxxxx.manifest”

③写manifest文件 : 离线的清单列表

先写 : CACHE MANIFEST 然后写需要缓存的内容

FALLBACK : 第一个网络地址没获取到,就走第二个缓存的(很少用)

NETWORK :无论缓存中存在与否,均从网络获取(很少用)

2.Web Worker

JS的单线程(放入UI队列的个数,利用定时器解决)

可以让web应用程序具备后台处理能力,对多线程的支持非常好。

用法:

new Worker(‘后台处理的JS地址’)

利用postMessage传输数据

importScripts(‘导入其他JS文件’)

Worker运行环境(支持的对象)

navgator : appName、appVersion、userAgent、platform

location : 所有属性都是只读的

self : 指向全局 worker 对象

所有的ECMA对象,Object、Array、Date等

XMLHttpRequest构造器

setTimeout和setInterval方法

close()方法,立刻停止worker运行

importScripts方法

3.H5其他小功能

语言输入

桌面提醒

window.webkitNotifications.requestPermission();
statue = window.webkitNotifications.checkPermission();
var notification =window.webkitNotifications.createNotification("[imgurl]","Title","Body");
notification.show();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: