首页 / 缓存 / 前端性能优化---缓存篇SDK

前端性能优化---缓存篇SDK

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端性能优化---缓存篇SDK，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含800字，纯文字阅读大概需要2分钟。

内容图文

1.把前端最常用的资源css、js存在本地
1.1  前端缓存技术SessionStorage

优点：临时存储神器，关闭页面标签自动回收，不可以跨页面交互。

取值的时候有两种方法，一种是用sessionStorage.getItem("键名")，一种是直接取对象的方法（sessionStorage.键名）

注意：（1）取值的时候要判断是否是undefined或者是null。

           （2）页面刷新时不会清楚。同一个浏览器里，不同的页面标签内容是不共享的（比如一个页面存入本地没有关闭，同一个浏览器打开相同的页面链接数据时读取不到的），这是sessionStorage本身的特点。

1.2 userData   是为ie服务的

优点：第一个吃螃蟹的人，也得感谢第一个被吃的螃蟹

缺点：存储限制大小，单个文件的大小限制是128K，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。在受限站点里这两个值分别是64K和640KB.

1.3 Cookie    兼容性最好的本地存储

优点：兼容性最好，几乎所有浏览器都支持

缺点：大小有限制，而且每次发送请求，请求头里会带着Cookie一起发过去，现在大多数登录的合法性验证都是用cookie验证的。

1.4 openDatabase    没有他做不了的，但是对数据库知识有要求

优点：就是一个完成的数据库

缺点：可能对于前端来说，成本高

1.5  localstorage

 优点：兼容性中等，操作简单，就是key-value形似，几乎现代的浏览器都支持。

 缺点：存在大小限制，IE9、IE10不支持

注意：不同浏览器读取不到数据（先是用的火狐浏览器，后来换成谷歌浏览器，是读取不到数据的）；不同浏览器的存储大小是不一样的，就是一个界值。

 

原文：http://www.cnblogs.com/wanan-01/p/7800033.html

内容总结

以上是互联网集市为您收集整理的前端性能优化---缓存篇SDK全部内容，希望文章能够帮你解决前端性能优化---缓存篇SDK所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1245376.html

来源：【匿名】