基于localStorage开发的前端缓存jquery插件，jquery.cache.js [修改]

开发十年，就只剩下这套架构体系了！ >>>

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><script src="jquery.cache.js"></script><title>localStorage</title><script>var datas=[{"id":"1","name":"andy"},{"id":"2","name":"lili"},{"id":"3","name":"lucy"}];  $.setCache("users",datas);  //存储var datas=$.getCache("users");  //获取$.each(datas, function (index, data) {  var id=data.id;  var name = data.name;console.log(index+":id="+id+",name="+name);  });$.setValue(datas,1,'123','name'); //设置其中key =1时 键名为name 的value//$.setValue(datas,1,'123'); //设置其中key =1时的value //移除其中key =1的 直接写nullconsole.log(datas);//$.setCache("users",'null');   清空        //$.configCache({"expire": 20,"debug  : true});  配置</script>

完整源码下载http://tadown.com/fs/8xia6ogg4vipb90e78/

增加内容

增加清空 ,移除单个, 设置单个值等功能

什么是localStorage？

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同

localStorage的优势

1、localStorage拓展了cookie的4K限制

2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的

localStorage的局限

1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性

2、目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换

3、localStorage在浏览器的隐私模式下面是不可读取的

4、localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡

5、localStorage不能被爬虫抓取到

localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空

基于localStorage开发的前端缓存jquery插件，jquery.cache.js [修改]相关推荐

Javaweb开发了解前端知识四、Jquery(二)
1.JQuery 的属性操作 JQuery属性操作 html() 它可以设置和获取起始标签和结束标签中的内容功能跟innerHTML一样 text() 它可以设置和获取起始标签和结束标签中的文本功 ...
分享一个帮助用户全屏阅读的jQuery插件 - jQuery fullscreen
在线演示在线下载今天介绍一款帮助网站提高用户体验的jQuery插件 - jQuery fullscreen,它能够帮助网站实现针对阅读内容的全屏显示功能. 这个插件基于Full Screen A ...
转 jquery插件--241个jquery插件—jquery插件大全
241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...
241个jquery插件—jquery插件大全
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典 ...
一个非常超级可爱的滚动到顶端(Back to top)的jQuery插件- jQuery Back to Top
日期:2011/11/17 来源:GBin1.com 今天介绍一个非常可爱漂亮的滚动到顶端的插件,无需设置.它能快速的将页面里的元素添加滚动到顶端的功能.而且只在滚动时才出现,当滚动到顶端自动消失. ...
Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
日期:2012-4-29 来源:GBin1.com Google Analytics(Google分析)对于广大站长来说,肯定不是一个陌生的工具,它能提供给我们众多的网站访问相关信息及其用户使用情况 ...
教你开发Jquery插件-Jquery插件开发教程
开发jquery插件之前首先要调用Jquery,这个可以去http://jquery.com下载得到.然后我们看一下我写的这个例子: <script type='text/javascript' ...
Jquery插件jqprint-0.3.js实现打印
1.首先引用Jquery和jqprint-0.3.js(依赖于Jquery的) <script language="javascript" src="jquery- ...
设置div圆角的jquery插件-jquery.corner.js
代码 /*! * jQuery corner plugin: simple corner rounding * Examples and documentation at: http://jque ...

基于localStorage开发的前端缓存jquery插件，jquery.cache.js [修改]

基于localStorage开发的前端缓存jquery插件，jquery.cache.js [修改]相关推荐

最新文章

热门文章