总结JavaScript三种数据存储方式之间的区别.docxVIP

总结JavaScript三种数据存储方式之间的区别 这篇文章主要介绍了 JavaScript三种数据存储方式之 间的区别，指的分别是sessionStorage和localStorage以 及cookie三种浏览器端的数据存储方式，需要的朋友可以 参考下 sessionStorage、localstorage 和 cookie 之间的共同 占? 八、、? 都是保存在浏览器端，且同源的。 sessionStorage、localSt orage 和 cooki e 之间的区 别： co okie数据始终在同源的http请求中携带(即使不 需要)，即coo kie在浏览器和服务器间来回传递。而sess ionStorage和localStorag e不会自动把数据发给服务器， 仅在本地保存。c ookie数据还有路径(path)的概念，可 以限制cookie只属于某个路径下。 存储大小限制也不同，coo kie数据不能超过4k ,同 时因为每次http请求都会携带cooki e,所以cookie只适 合保存很小的数据，如会话标识。sessio nStorage和lo calStorage虽然也有存储大小的限制，但比cookie大得多, 可以达到5M或更大。 窗口关闭前有效，自然也就不可能持久保持；10C alStorage：始终有效，窗口或浏览器关闭也一直保存，因 此用作持久数据；cookie只在设置的cookie过期时间之前 一直有效，即使窗口或浏览器关闭。 作用域不同，ses sionStorage不在不同的浏览器窗口 中共享，即使是同一个页面；localStora ge在所有同源窗 口中都是共享的；cookie也是在所有同源窗口中都是共享 的。 WebS torage支持事件通知机制，可以将数据更新的通 知发送给监听者。 WebStorage的api接口使用更方便。 封装的local Storage的方法，可以控制存储数据的条 数，以及时间 defi ne(function (require) { nbsp; var$=require ( jq uery); nbsp :varCache={}; nbsp; fu nctionsuppo rt () { nbsp ;nbsp;var_t =! (typeofwi ndow? locals torage===，u ndef ined?); nbsp; nbsp; r eturn_t; nbs p;} nbsp;$?extend(Cac he, { nbsp;nb sp;config: { nbspjnbsp ;nbsp;size:5, nbspjnb sp;nbsp;//l ifeTime:864 00//—天的秒数 nbsp;nbsp;n bsp; lifeTim e: 1*60 nbspjnbsp;}, nb sp; nbsp; loc alS to rage: w indow. local Sto rage, n bsp;nbsp;me mQueue: (fun ction() { n bsp;nbsp;nb sp; if (suppo rt ()) { nbs p;nbsp;nbsp ;nbsp;varjs onStr=windo w. localStor age? getltem C LRUConfig ); nbsp;n bsp;nbsp;nb sp;returnjs onStr?JS0N? parse(jsonS tr) : { nbsp ; nbsp; nbsp; nbsp; nbsp; k eys: {}, nb sp; nbsp; nbs p; nbsp;nbsp ; objs:[] n bsp;nbsp;nb sp;nbsp;}; nbsp;nbsp;nbsp;}else { nbspjnbsp ;nbsp;nbsp;return{}; nb sp;nbsp;nbs p;} nbsp;nbs p;}) 0, nb sp; nbsp; get : function (a ppid, url) { nbsp; nbsp; nbsp; if (tru e二二support ()) { nbsp;n bsp;nbspjnb sp; varkey=a ppid+ : +ur 1; nbsp;nb sp;nbsp;nbs p;//开始做 LRU 算法。 nbspjnb sp;nbsp;nbs p; this ? LRU (key); nbsp ;nbsp;nbsp;nbsp;//LRU 算法结束。 nbsp;nbsp;nbsp;n bsp; varisFr esh=true; nbsp;nbsp;n bspjnbsp;va rnowTime二(n ewDate()