1、静态资源本地存储及增量更新方案waynelu2013-06-26目录 1.当前资源存储和更新方案及其问题 2.离线存储的优势和问题 3.本地存储模拟离线存储 4.增量更新实现 5.增量更新效果 6.增量更新的问题和展望当前资源存储和更新方案及其问题 存储:cdn+cache cache:maxage+Last-Modified 问题：快速迭代开发模式下，版本更新快，每次更新用户需要全量更新资源离线存储的优势和问题 html5 manifest！ 优势： 1.真正的离线 2.只有版本更新才会有请求 问题: 1.版本文件的一个额外请求 2.文件更新产生作用需要等下次或者程序刷新 3.首页自动离线存
2、储且无法废除 本地存储模拟离线存储 用localstorage来放js,css是可行的: 1.大小5m,一般css+js1m 2.key-value形式,js可以操作，可以用eval或者动态创建js,css 节点的方式使js,css生效 3.跨域问题：Access-Control-Allow-Origin:*本地存储模拟离线存储 js代码的解释方式: var globalEval=function (data) if (data 本地存储模拟离线存储 css代码的解释方式: /使用css文本生成css var createCss=function(cssStr) var style = doc
3、ument.createElement(style); style.setAttribute(type, text/css); style.appendChild(document.createTextNode(cssStr); ;增量更新的实现 rsync 同步原理 1.先将旧文件按一定长度分成多个块，计算hash值放 map( 实 rsync的实现 速度 分hash, hash) 2. 新文件 行 动hash ， 果 的 录块 ， 果 +1， 新 块, 下一块， 一个新和 块 的的增量文件currency1实现“ 3. 户 旧文件和增量文件 fi新文件前js实现“增量更新的实现chunk0
4、 chunk1 chunk2 chunk3 chunk4 chunk5fl 动 增量更新文件chunk0 data chunk1 chunk2 data chunk3 chunk4 chunk4旧文件分成n块增量文件 下:1,data,2,3,data,4,5,6一步 序块 :1,1,data,2,2,data,4,3增量更新的实现 增量文件和原有文件可以 成新文件: /rsync解码新生成js var rsyncjs=function(source,trunkSize,checksumcode) var strResult=“; for(var i=0;ichecksumcode.length;i+) var code=checksumcodei; if(typeof (code)=string) strResult+=code; else var start=code0*trunkSize; var end=code1*trunkSize; var oldcode=source.substr(start,end); strResult+=oldcode; return strResult;
