一.离线存储
有一个web应用有三个文件index.html,a.js,b.css,现在需要把js和css文件缓存起来
1.在index.html里加上<html manifest="test.manifest">
2.manifest清单格式如下
CACHE MANIFEST #上面一句必须 #v1.0.0 #需要缓存的文件 CACHE: a.js b.css #不需要缓存的文件 NETWORK: * #无法访问页面 FALLBACK: 404.html
3.manifest文件的mime-type必须是 text/cache-manifest类型
注意点:
1.对于每个index.html?id=1或index.html?id=2都会分别缓存index.html页面,可以通过chrome浏览器Resources/Application Cache观察
2.如果想更新缓存内容,只要修改下manifest文件即可,如改版本号v1.0.1
4.离线存储如果资源有更新,可以通过如下代码来监听,但第一次加载还会是原来的版本
window.applicationCache.addEventListener('updateready',function(e){ if(window.applicationCache.status == window.applicationCache.UPDATEREADY){ window.applicationCache.swapCache(); if(confirm("loding new?")){ window.location.reload() } } },false)
二.本地缓存
localStorage.setItem("key","value") localStorage.getItem("key","value") localStorage.removeItem("key") localStorage.clear()
1.本地存储永不过期,除非自己去清除
2.可以通过chrome浏览器Resources/Local Storage来查看
3.不同域下就算key相同取不到的值也不同,如localhost和127.0.0.1
作者:伊谢尔伦
BootstrapTable的列排序怎么搞。先搞一个table,使用ajax将数据查询出来,然后可以在所有列都加上排序。满足自己的需求。(推荐...
刚开始学习html的时候,会遇到一个这样的问题,html中空格怎么打?有的人可能就直接敲了一下空格键,但是这样是不正确的,毕竟敲...
本篇文章给大家分享15个项目工程必备的JavaScript代码片段,希望对大家有所帮助!1. 下载一个excel文档同时适用于word,ppt等浏览...
Bootstrap学习有两个重点,一个是概念的理解,理解bootstrap是如何通过div来代替过去的table布局的;一个是常用结构的熟悉,做到...
在Visual Studio 2015中编写JavaScript随着Web技术的发展,JavaScript已经成为了Web开发中不可或缺的一部分。由于Visual Studio ...
使用JavaScript能做:1、数据可视化开发;2、移动应用开发;3、服务端开发;4、全平台应用开发;5、游戏开发;6、VR开发;7、硬...