文档章节

关于前端localStorage的应用

配道与义
 配道与义
发布于 2016/09/30 21:34
字数 368
阅读 84
收藏 0

localStorage是HTML5新增的一大功能,也是浏览器的开创性功能,现在前端开发,基本上都会应用这个功能。

我们首先要认识到localStorage是以key/value的形式存储的。我们设置一个存储变量的时候,通常用localStorage.key=value,或者localStorage.setItem(key,value)。获取一个值得时候,是用localStorage.Item(key)或者直接就localStorage.key也可以。然后清除某个值的时候可以用localStorage.clear(key)。如果是localStorage.clear()没有参数的情况下,那么就是清除所有的localStorage所存储的内容。所以,从这看来,localStorage的方法其实很简单,那么我们关键是要掌握它的应用情景:

第一,如果一次性从后台请求的数据较多时,并且后面的交互有可能再利用时,我们可以一次性把数据存到localStorage里,后面需要数据时,就不用又发起请求了,直接就从本地存储里面读就可以了。

第二,当不同页面发生跳转,并且需要传参数时,那么怎么办?我们可以把参数在跳转之前存到localStorage里,然后再跳转,跳转到的新页面在初始化的时候就可以读取localStorage里的值。这样就轻松实现了不同页面之间传参了。

以上,是我主要认识到的两点用法。希望高手们多多指教。

 

© 著作权归作者所有

配道与义
粉丝 4
博文 14
码字总数 4807
作品 0
杭州
私信 提问
HTML5从入门到精通,零基础学员必看

学习html5从入门到精通,零基础新手也能看懂,无论你是唱歌,画画的艺术生,还是学习机械专业的工科生,或者大学读的文学学科。先了解HTML5可以实现的功能有哪儿些? 1. HTML5可以同时在多种...

课工场CC老师
2017/11/08
51
0
优博精选|2018互联网优秀博客推荐(持续更新)

前端开发 jQuery之家:jQuery之家致力于搜集和整理各种jQuery插件,jQuery特效,jquery ui,jQuery 教程,JS特效,网页特效,以及各种html5,css3动画和效果,为前端开发者提供最全面的网页开...

奋斗的小矿工
2018/08/22
0
0
史无前例的 HTML5 资源参考指南

尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 ...

李长春
2012/03/02
645
1
关于HTML5应用现状与前景的思考

现在的 HTML5 就像当年崭露头角时的 Ajax,有人在做,但不知道叫它什么。最近,苹果在 HTML5 上大做文章,而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 ...

红薯
2010/06/20
756
1
云适配发布HTML5生态报告 Amaze UI成最受欢迎框架

随着HTML5标准的成熟以及企业应用的落地,HTML5正在从根本上改变开发者开发web应用的方式,从桌面浏览器到移动应用,HTML5语言和标准都正在影响并将继续影响着各种操作平台。 近日,全球领先...

IT_insight
2017/03/23
3
0

没有更多内容

加载失败,请刷新页面

加载更多

【0918】正则介绍_grep

【0918】正则介绍_grep 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下 一、正则介绍 正则是一串有规律的字符串,它使用单个字符串来描述或匹配一系列符合某个语法规则的字符串。 二、grep工具 ...

飞翔的竹蜻蜓
8分钟前
2
0
为什么要在网站中应用CDN加速?

1. 网页加载速度更快 在网站中使用CDN技术最直接的一个好处就是它可以加快网页的加载速度。首先,CDN加速的内容分发是基于服务器缓存的,由于CDN中缓存了不少数据,它能够给用户提供更快的页...

云漫网络Ruan
46分钟前
7
0
亚玛芬体育(Amer Sports)和信必优正式启动合作开发Movesense创新

亚玛芬体育和信必优正式启动合作开发Movesense创新,作为亚玛芬体育的完美技术搭档,信必优利用Movesense传感器技术为第三方开发移动应用和服务。 Movesense基于传感器技术和开放的API,测量...

symbiochina88
56分钟前
4
0
创龙TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA核心板规格书

SOM-TL437xF是一款广州创龙基于TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA芯片设计的核心板,采用沉金无铅工艺的10层板设计,适用于高速数据采集和处理系统、汽车导航、工业自动化等领...

Tronlong创龙
57分钟前
4
0
好程序员Java学习路线分享MyBatis之线程优化

  好程序员Java学习路线分享MyBatis之线程优化,我们的项目存在大量用户同时访问的情况,那么就会出现大量线程并发访问数据库,这样会带来线程同步问题,本章我们将讨论MyBatis的线程同步问...

好程序员官方
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部