[转]qUIpt:JavaScript Cache Library

qUIpt 是一个很小很小的 JavaScript Library,所有原始码也才只有 115 行而已(包括批注),我觉得作者 Mario Heiderich 真是太有创意了,他的原理十分简单,使用的 Cache 方法是将数据储存在 window 对象的 name 属性中 ( window.name ),在这里他是将透过 XHR ( XML Http Request ) 取回的 JavaScript 档案内容储存在 window.name 属性里。

通常 window.name 是用在 window.open() 的时候指定的第二的参数,还有当我们在窗体(form)中设定 target 属性的时候,这个 target 指定的就是 window.name 的值,但预设来说 window.name 大部分来讲都是空的,所以 qUIpt 就拿这个属性来做额外的快取(Cache)用途。

qUIpt 基本的运作流程如下:

  • 首先,他先检查你的 window.name 是否有资料。
  • 如果 window.name 是空的,就透过XHR 动态下载 JavaScript 档案,并将档案内容储存在 window.name 属性中。
  • 如果使用者第一次造访你的网页,或从其他网站进来的,就会先将 window.name 给清空,并重新下载 JS 档回来。
  • 等使用者下次造访你的网页(例如连到下一页),就直接用 eval() 函示将 window.name 的 JS 读出执行,这样所有对象都重新被加载回来了,完全不需要重新下载 JavaScript 檔。

底下这段 code 说明了这个运作流程:

原理就是这么简单,你可以下载看原始码回来看,才几行而已,也许可以激发你一些更有创意的想法。

由于此项目十分的阳春,毕竟是第一版嘛,经我个人测试之后发现只有 Firefox 能用,IE 目前是无法执行的,所以我小修了一下程序把一些仅支持 Firefox 的语法给修正了,底下的 code 应该可以运作于 Firefox 与 IE 7 ( 其他版本的 IE 我没测试过 )。

Original: https://www.cnblogs.com/RuiLei/archive/2011/04/15/2016792.html
Author: RicoRui
Title: [转]qUIpt:JavaScript Cache Library

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/535108/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球