你的位置:首页 > 网页设计

[网页设计]web前端工程师必须掌握的localStorage(二)


     最近工作太忙了,回来后就很晚了,因为红牛喝太多都不想睡觉了(公司免费给的,好多箱o(╯□╰)o),睡不着就想着逛逛博客园,本人最近忙着做一个仿原生app的singlePage应用,话说最近后台那帮兄弟总是说我这边打开太慢了(老兄我是网页不是原生App,当然要慢点啊),没办法,只好逛逛博客园寻找突破点,说来也巧,在博客园中看见一大牛分享了一个黑技术:利用js突破本地存储容量限制将整站资源保存在用户本地实现脱机浏览。我立马下载了大牛的Demo,代码写的确实很牛,没用任何插件,了解了一下原理,是通过跨域的方式将静态资源保存到其他域名下。不过说到这个技术,还是蛮久远的了,说具体点这其实不是新技术而是HTML5的规则漏洞,还是几年前一位国外的大牛利用该HTML5规则漏洞对用户磁盘进行攻击导致用户磁盘短时间挤满后提出的一个漏洞问题。好在国内还没有哪个网站这么黑,没事去挤爆别人硬盘,说明咱们国内的互联网大环境还比较友好,高手们不是在加班就是在创业,忙着出产品赚钱拿融资,呵呵......

     言归正传,话说之前我有写一篇关于localstorage的随笔,内容中提出了localstorage这个玩意有5M大小,不过后来随着浏览器的更新换代,这个值其实没有太大意义了,特别是在移动端,来,我先举几个例子,比如说Android2.3,它的本地存储上限为8M,而到了Android4,他妹的涨到58M了,比深圳的房价还长得快!咱们再说说ios,iPhone4的时候规规矩矩的5M,iPhone5就到26M了,可想而知iPhone6S出来是个啥情况。

     所以咱们现在移动端的网站大多数体积比较小,不跨域也够用了,现在够用以后更加够用了。所以对于这种跨域保存的技术我想还是保持一颗学习的心态去学习原理就好了,因为我还想继续观望一下后续移动手机领域单域名存储上限是否还会持续增加,如果会,那么不需要跨域保存了,在一个域名内管理localstorage会更加方便。

     OK,祝园子里的兄弟们晚安好梦,我先睡了。