localstorage-前端存储

(function (win,doc) {    var local_storage = {        //创建localstorage @param argument  json || string        items: function (argument) {            if (typeof argument == ‘object‘) { //创建                for (var i in argument) {                    win.localStorage.setItem(i, argument[i]);                }            } else if (typeof argument == ‘string‘) {  //获取                return win.localStorage.getItem(argument);            } else {                return console.error(‘参数只能是json或者string‘);            }        },        //删除localstorage  @param val  string || null        rmitems: function (val) {            if (val) {                win.localStorage.removeItem(val);            } else {                var json = window.localStorage;                for (var i in json) {                    win.localStorage.removeItem(i);                }            }        }    }    win.local_storage =local_storage ;
})(window,document);用个js来装载,要用的时候直接调用还是很方便的,用json格式来装载,直接在另一个js里调用:如 local_storage .items({name:‘哈哈‘,age:12});就可以直接用把长的代码简单化
时间: 2024-11-06 03:28:43

localstorage-前端存储的相关文章

前端存储之cookie、localStorage

最近简单了解了前端存储中的cookie.localStorage两种存储方式 localStorage window.localStorage.setItem('a', 1) (window. 可省略) localStorage.setItem('a', 1) //存储数据 localStorage.getItem('a') //获取数据 localStorage.removeItem('a') //删除指定数据 localStorage.clear( ) //删除全部数据 cookie doc

HTML5 localStorage本地存储实际应用举例

HTML5 localStorage本地存储实际应用举例 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1952 一.引言 HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性.就我所做的项目而言,应用的HTML5相关特性有:data-自定义属性.placeholder.以及email类型input文本框.上周新上线的会员中心,自己又

[聊一聊系列]聊一聊前端存储那些事儿

https://segmentfault.com/a/1190000005927232 欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码):https://segmentfault.com/blog/frontenddriver 在web开发越来越复杂的今天,前端拥有的能力也越来越多.其中最重要的一项莫过于web存储.开发者们如果使用得当,这些存储可以帮助我们提升网页的性能与灵活度.本文不讲个中的细节,只讲各种前端存储的利弊,与各类存储的应用场景.毕竟

前端存储之indexedDB

在前一个阶段的工作中,项目组要开发一个平台,为了做出更好的用户体验,要求前后端分离,所以这就要在前端实现存储,之后我去研究了下现在比较流行的前端存储数据库,找到了indexedDB,于是便对indexedDB做了一个较为深入的探索,此文就是记录探索过程的一些心得体会. indexedDB为何物 在使用一个技术之前,先搞清楚它是什么,这对你的理解很重要,从DB就可以看出,它肯定是一个数据库,而说到数据库,有两种不同类型的数据库,就是关系型数据库和非关系型数据库,关系型数据库如Mysql.Oracl

关于前端存储

cookie 前言 网络早期最大的问题之一是如何管理状态.简而言之,服务器无法知道两个请求是否来自同一个浏览器.当时最简单的方法是在请求时,在页面中插入一些参数,并在下一个请求中传回参数.这需要使用包含参数的隐藏的表单,或者作为URL参数的一部分传递.这两个解决方案都手动操作,容易出错.cookie出现来解决这个问题. 作用 cookie是纯文本,没有可执行代码.存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来向访问者电脑上存储数据,或者某些网站为了辨别用户身份.进行s

客户端相关知识学习(十一)之Android H5交互Webview实现localStorage数据存储

前言 最近有一个需求是和在app中前端本地存储相关的,所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用,那是因为默认WebView没有开启LocalStorage存储.开启方法如下 首先得有Webview控件: 有人问我是不是需要写布局文件,不写行不行,现在我就告诉你们,不写没问题,需要写就写不写直接创建New一个也行. 下面我就介绍一个,我new一个Webview实现localStorage. WebView mywebV

localStorage本地存储的简单使用

我们在做页面时会用到本地存储的时候,今天说说localStorage本地存储. 1.localStorage.name="老王";      //第一种设置存储本地数据的方法localStorage 2.localStorage.setItem("color","red");   //第二种设置存储本地数据的方法 3.localStorage.removeItem("name"); //删除本地存储数据 4.localStor

HTML5 LocalStorage 本地存储

LocalStorage 本地存储方法如下: setItem : function(key, value)getItem : function(key)removeItem : function(key)clear : function()length : intkey : function(i)isVirtualObject : true 本地存储K的值时 localStorage.setItem('k','a'); 存储在本地,可以直接调用JSON.stringify()将其转为字符串 fu

LocalStorage本地存储

LocalStorage,即"Web存储",某些浏览器供应商也叫"本地存储"."DOM存储",原本作为HTML5标准的一部分,后来因为某些原因被抽离出来作为单独的WEB应用标准.localStorage提供了一种方式,让Web页面在客户端浏览器中以键值对的形式存储本地字符串数据,无论是用户是离开该站点,刷新,关闭浏览器还是其他操作,存储的数据依然存在. 一.localStorage与cookie localStorage与cookie一样,都是在

简谈前端存储

cookie 定义: 它会在用户访问服务器的时候被带上.但是不要使用过量,因为cookie在每次请求的时候都会被带上.你总不想每次访问自己网站接口或者文件的时候都带上一堆可能用不到的信息把?这样会增大请求包的大小. 限制: cookie可以设置访问域.即,如果你设置cookie的时候,设定了cookie的访问域名为一个顶级域名,则可以达到几个子域名共享cookie的效果. 存储时间: 如果设定了cookie的超时时间的话,那么cookie将在到期的时候失效.如果没有设定,那么cookie就是se