静态资源(JS/CSS)存储在localStorage,适用于Web移动端H5页面制作

localStorage使用
(1)PC上应用价值不大:
兼容性不太好,不支持LS的浏览器比例仍然很大
网络速度快,协商缓存响应快,LS读取+eval很多时候会比不上304
通常需要SEO,导致css不能缓存,仅缓存js使得整个缓存方案意义进一步减小
浏览器本地缓存足够可靠持久

跨页面间共享缓存即便有浪费也差别不大


(2)移动端webapp值得一试:
兼容性好
网速慢,LS读取+eval大多数情况下快于304
webapp不需要seo,css也可以缓存,再通过js加载

浏览器缓存经常会被清理,LS被清理的几率低一些


自定义插件:

 /**
    * 插件功能:使用localStorage缓存js和css文件,减少http请求和页面渲染时间,适用于Web移动端H5页面制作。
    * 使用方法:   
    *   1.使用此插件前,需要给插件的pageVersion变量赋值,建议变量值由服务器后端输出,当需要更新客户端资源时,修改版本值即可。
    *   2.加载Js:由于js加载有顺序要求,所以需要将后加载的脚本作为前一个脚本的回调参数传入,如:
    *   whir.res.loadJs("jquery", "<%= BasePath %>Turntable/Script/jquery-1.8.3.min.js",
    *       function () {
    *            whir.res.loadJs("turntable", "Script/whir.turntable.js", n

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KunQian_smile

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值