推送与离线缓存

2020-06-14  本文已影响0人  e80c3fbed5b2

推送

//  // 来自index.php的推送
let source = new eventSource('./index.php');
source.onmessage = function (e) {
  console.log(e)
}

离线缓存

// cache.manifest缓存配置文件
<html manifest="cache.manifest">
......
</html>
# cache.manifest
CACHE MANIFEST
CACHE:
  img/test.jpg # 缓存请求路径为img/test.jpg的这个图片
  img/test2.jpg # 缓存请求路径为img/test2.jpg的这个图片
# FALLBACK  // 上面的没找到就到这个缓存里找
  // 无论缓存中是否找到,都从网络获取
NETWORK:
  *

多线程

// index.js
const w = new worker('./worker.js')
console.time(1)
w.postMessage(50000)
w.onmessage = function(e) {
  console.log(e)
}
console.endTime(1) // 打印操作的时间
// worker.js
// self是主线程,index.js
self.onmessage = function (e) {  
  let s = '';
//   s = ....... 一系列复杂操作
self.postMessage(s) // 处理完成后返回给主线程
}
上一篇 下一篇

猜你喜欢

热点阅读