localstorage

Cocos本地存储LocalStorage

喜欢而已 提交于 2020-02-07 23:44:35
HTML5 LocalStorage 本地存储 //存档 var stopResumeMenu4 = cc.MenuItemFont.create("存档", this.onSaveMenu); menu4 = cc.Menu.create(stopResumeMenu4); menu4.setPosition(winSize.width-95,100); this.addChild(menu4, 1, 2); menu4.setVisible(true); onSaveMenu:function(pSender) { sys.localStorage.setItem("bool1",false); //只支持字符串类型,读取使用时需要转换 sys.localStorage.setItem("num2","22"); } 附加说明: 最早的 Cookies 自然是大家都知道,问题主要就是太小,大概也就 4KB 的样子,而且 IE6 只支持每个域名 20 个 cookies ,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了,就好像以前禁用 javascript 的用户不存在了一样。 userData 是 IE 的东西,垃圾。现在用的最多的是 Flash 吧,空间是 Cookie 的 25 倍,基本够用。再之后 Google

HTML5 - 本地存储

馋奶兔 提交于 2020-02-07 17:49:46
window.sessionStorage window.localStorage   之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。 本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大,sessionStorage约5M、localStorage约20M 4、只能存储字符串,可以将对象JSON.stringify() 编码后存储 window.sessionStorage(针对一个 session 的数据存储) 1、生命周期为关闭浏览器窗口 2、在同一个窗口(页面)下数据可以共享 3. 以键值对的形式存储使用 常用方法 存储数据: sessionStorage.setltem(key, value) 获取数据: sessionStorage.getltem(key) 删除数据: sessionStorage.removeltem(key) 删除所有数据: sessionStorage.clear() window.localStorage 1、声明周期永久生效,除非手动删除 否则关闭页面也会存在 2、可以多窗口(页面)共享(同一浏览器可以共享) 3. 以键值对的形式存储使用 常用方法 存储数据:

关于JSON.stringify()与JSON.parse()

为君一笑 提交于 2020-02-06 23:47:14
一、JSON.stringify()与JSON.parse()的区别   JSON.stringify()的作用是将js值转换成JSON字符串,而JSON.parse()是将JSON字符串转换成一个对象。也就是说,如果我们用JSON.stringify()将一个对象变成了字符串,那么使用JSON.parse()将字符串还原成对象。 let obj = { name:"song", age:10 }; let changeObj =JSON.stringify(obj); console.log(changeObj); //"{"name":"song","age":10}" console.log(typeof changeObj);//string let orig =JSON.parse(changeObj); console.log(orig);//{name:"song",age:10} console.log(typeof orig);//object 二、JSON.stringify()和JSON.parse()的几种用法 (一)在localStorage/sessionStorage里存储对象/数组/对象数组     localStorage/sessionStorage默认只能存储字符串,如果要存储对象类型的数据,在存入的时候利用JSON.stringify(

记第一次面试(问题:html5除了Cookie还有那些存储数据的方法?)

浪子不回头ぞ 提交于 2020-02-06 04:17:52
html5除了 Cookie 还有那些存储数据的方法? html5提供了 sessionStorage 和 localStorage , //session级的存储在当前会话结束时就被清空了 sessionStorage . setItem ( 'name' , 'content' ) ; var a = sessionStorage . getItem ( 'name' ) ; //local为永久的存储 localStorage . setItem ( 'name' , 'content' ) ; var a = localStorage . getItem ( 'name' ) ; 以下是别人写得,感觉很完整: localStorage 的优势 localStorage 拓展了 cookie 的 4K 限制。 localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个 5M 大小的针对于前端页面的数据库,相比于 cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的。 localStorage 的局限 浏览器的大小不统一,并且在 IE8 以上的 IE 版本才支持 localStorage 这个属性。 目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换。

localStorage及JSON.stringify()和JSON.parse()使用方法

ⅰ亾dé卋堺 提交于 2020-02-06 02:29:22
文章是本人闲时所写,方便自己以后查阅,如若有幸被您阅读的话,备感荣幸,文章仅为个人理解,如内容有误还望告知,感谢!!! 1.定义 localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localstorage是以key:value对的形式来存储数据,而且value值必须是string类型。 提示: 如果你只想将数据保存在当前会话中,可以使用 sessionStorage 属性,改数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。 2.语法 保存数据语法: localStorage . setItem ( "key" , "value" ) ; localStorage . setItem ( 'cart' , JSON . stringify ( state . cart ) ) ; //实例代码 读取数据语法: var lastname = localStorage . getItem ( "key" ) ; var cart = JSON . parse ( localStorage . getItem ( 'cart' ) || '[]' ) ; //实例代码 JSON.stringify

vue中使用localStorage存储信息

感情迁移 提交于 2020-02-05 01:25:41
一 什么是localStorage 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage sessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载 localStorage(长期存储) :与 sessionStorage 一样,但是浏览器关闭后,数据依然会一直存在 所以上次使用cookie的时候就遇到了一个坑,设置后马上访问session会获取不到,蛋疼,还需要刷新一下,原因是: 当我们首次访问设置Cookie的页面时,服务器会把设置的Cookie值通过响应头发送过来,告诉浏览器将cookie存储的本地相应文件夹中(注意:第一次访问时本地还没有存储Cookie,所以此时获取不到值); 当第二次访问(或在进行cookie设置后,过期前所有的访问)时,请求头信息你中都会把Cookie值携带。(百度到的,暂时还没理解透彻,先搬过来). 二 使用方法 注意:sessionStorage 和 localStorage 的用法基本一致,引用类型的值要转换成JSON,所以这里就只列举localStorage 1 保存 //对象 const info = { name: 'hou', age: 24, id: '001'

js本地存储解决方案(localStorage与userData)

ⅰ亾dé卋堺 提交于 2020-02-05 01:23:07
WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有一些兼容性的问题。 sessionStorage与localStorage Web Storage实际上由两部分组成:sessionStorage与localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。 localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 userData 语法: XML <Prefix: CustomTag ID=sID STYLE="behavior:url('#default#userData')" /> HTML <ELEMENT STYLE="behavior:url('#default#userData')" ID=sID> Scripting object .style.behavior = "url(

关于微信中的localStorage及使用cookie的解决方案

别说谁变了你拦得住时间么 提交于 2020-02-05 01:19:10
最近搞微信公众号的开发,需要本地存储数据,这就产生了一个问题,微信中能不能用localStorage存数据?查找了网上资料,简单总结一下。 ▂▂▂▂__▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂_▂▂▂__▂▂▂▂ 首先,微信环境其实是个webview组件而已,并不是真正意义上的什么内置浏览器。 安卓版微信直接调用系统浏览器内核,它是用chrome改造做的一套WKwebView,概念上类似是一套组建, iOS则是调用safari, 所以把微信内置的第三方网页看成是在整个浏览器环境下的想法是错误的。 ═∞═ ═∞══∞═ ═∞══∞═ ═∞══∞═ ═∞══∞═ ═∞══∞═ ═∞═ 其次,微信内置第三方网页中localStorage等, 是可以用, 有些机型不能存储信息到localStorage中,或者是页面一旦关闭或微信退出之后,存储的信息也失效了。 百度上也有很多人吐槽这个问题,cookie和session都能解决。 ═∞═ ═∞══∞═ ═∞══∞═ ═∞══∞═ ═∞══∞═ ═∞══∞═ ═∞═ 于是想到用cookie来替代localStorage,存储一些简单的数据。上网查找了一下,发现w3school上已有不错的解决方案。 //设置cookie function setCookie(c_name

浏览器缓存IndexedDB、localStorage、sessionStorage比较

ぐ巨炮叔叔 提交于 2020-02-04 15:59:07
IndexedDB就是前端数据库,在浏览器中采用key-value键值方式存储数据。 我们经常用的缓存API localStorage 和 sessionStorage ,能满足我们开发时的绝大多数需求,简单的键值存储,但是它们有它们的限制: * 存储空间限制,只有5M * 只能存储字符串 * 存储的字段一多就很难管理,存储的字段也无法产生关联 IndexedDB的存储空间原则上没有限制,它本质上还是一个数据库,可以存储大量结构化数据(包括文件/blobs),同时IndexedDB API通过索引的方式实现了数据的高性能搜索。使用比localStorage、sessionStorage复杂得多。 应用场景,不需要网络连接的纯离线应用,比如Todolist这类的用来记录待办任务类型的应用。 资料: 初探IndexedDB localStorage的使用 来源: CSDN 作者: zhexiaode 链接: https://blog.csdn.net/zhexiaode/article/details/104167638

本地储存和临时储存

我的未来我决定 提交于 2020-02-04 02:16:23
localStorage : 永久存储(相对),其中的数据不随着浏览器的开关而改变 sessionStorage: 临时存储(相对), 当浏览器关闭时,数据消失(页面刷新时,不会受到影响) 使用之前看看是否支持本地储存 var ipt = document . getElementsByClassName ( "ipt" ) [ 0 ] ; var but = document . getElementsByTagName ( "button" ) ; var ipt2 = document . getElementById ( "ipt2" ) ; if ( typeof ( Storage ) !== "undefind" ) { alert ( "是的,我支持本地存储" ) ; } else { alert ( "抱歉,不支持web存储" ) ; } 保存数据 setItem():将数据已键值对的方式,存储 谁调用存个谁 but [ 0 ] . onclick = function ( ) { localStorage . setItem ( "text" , ipt . value ) ; localStorage . setItem ( "txt" , ipt2 . value ) ; console . log ( typeof ipt . value ) ; var