静态资源本地存储及增量更新方案.PPT

上传人:国*** 文档编号:1267812 上传时间:2019-01-24 格式:PPT 页数:14 大小:116KB
下载 相关 举报
静态资源本地存储及增量更新方案.PPT_第1页
第1页 / 共14页
静态资源本地存储及增量更新方案.PPT_第2页
第2页 / 共14页
静态资源本地存储及增量更新方案.PPT_第3页
第3页 / 共14页
静态资源本地存储及增量更新方案.PPT_第4页
第4页 / 共14页
静态资源本地存储及增量更新方案.PPT_第5页
第5页 / 共14页
点击查看更多>>
资源描述

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;

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 企业管理资料库 > 人力资源

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。