<div data-local="test">我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我
<div data-local="test"> 我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存 我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存 我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存 我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存 我是缓存我是缓存我是缓存我是缓存我是缓存我是缓存</div><script type="text/javascript"> //使用情况：判断cookie中有version，证明种过cookie，写过local，所以，不用传内容了，直接传script就好了 //====html缓存 function cacheOne(attrid){ var content = document.querySelector('[data-local="'+attrid+'"]').outerHTML; localStorage.setItem(attrid,content); } cacheOne('test'); //1.移动端的文件缓存率非常的低(大约30%左右) //====外链缓存 //2.解决方法：将所有的js/css等静态文件，通过一个接口全部返回 //3.每个文件以自己文件内容生成的版本号为戳，标识自己的唯一性。每次服务端返回页面时，会把当前在服务器上的所有静态文件版本号，返给前端， //4.前端首屏加载完成后，会用这些版本号与local中进行一一对比，发现不一致的js/css，会一起发送一个合并请求。 //====DOM缓存 </script>
