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其他小功能
语言输入
桌面提醒
搭建离线应用程序
①服务器设置头信息 :
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();
相关文章推荐
- HTML5 Web 客户端五种离线存储方式汇总
- Storage---Html5 Web的5中离线存储方式之localStorage
- HTML5中的本地、WebSql、离线应用存储
- HTML5中的本地、WebSql、离线应用存储
- 使用 HTML5 Web 存储实现离线工作:
- 使用HTML5 Web存储实现离线工作
- Html5 Web的5中离线存储方式之localStorage
- HTML5 离线存储之Web SQL
- html5 离线存储 worker
- HTML5 Web 客户端五种离线存储方式汇总
- HTML5 Web存储实现离线工作
- HTML5 离线存储之Web SQL
- HTML5本地存储之Web SQL+LocalStorage+ApplicationCache以及indexed+LocalStorage+ApplicationCache构建的离线应用实例代码
- html5-web本地存储
- HTML5 Web存储
- html5学习-Web Worker(转)
- HTML5 离线存储
- HTML5之离线网络应用程序(文件存储)
- [html5]离线存储
- HTML5 Web Worker的使用