zoukankan      html  css  js  c++  java
  • 前端性能优化---缓存篇SDK

    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不支持

    注意:不同浏览器读取不到数据(先是用的火狐浏览器,后来换成谷歌浏览器,是读取不到数据的);不同浏览器的存储大小是不一样的,就是一个界值。

  • 相关阅读:
    微信小程序 如何让button按钮长度变为100%
    使用%在搜索框中进行模糊查询
    vsCode中输入wx没有提示?
    uniapp的页面的生命周期:onLoad、onShow、onReady
    MySQL报错:1130Host 'LAPTOPJRI45NVC' is not allowed to connect to this Mysql server
    URLEncoder和URLDecoder
    super和this
    把MIT的算法课程看一遍
    单节点hadoop部署成功
    suse的ssh服务
  • 原文地址:https://www.cnblogs.com/wanan-01/p/7800033.html
Copyright © 2011-2022 走看看