前端性能优化(三)——浏览器九大缓存方法(1)

本文介绍了浏览器的几种缓存方法,包括 websql、indexDB、cookie、localstorage 和 sessionstorage。探讨了它们的特点和应用场景,如 websql 提供了客户端数据库功能,indexDB 用于大量结构化数据存储,cookie 用于会话跟踪,localstorage 存储长期数据,sessionstorage 数据在浏览器关闭后删除。此外,还强调了前端工程师的学习路径和资源分享。
摘要由CSDN通过智能技术生成

前端性能优化(三)——浏览器九大缓存方法

2、websql


websql是较新的chrome浏览器支持,并以独立规范形式出现,引入了一组使用 SQL 操作客户端数据库的 APIs。websql主要特点:

  • Web Sql数据库 API 不是HTML5的一部分,在H5之前就已经存在了。

  • 将数据以数据库的形式存储在客户端,按需读取。

  • 数据便于检索,允许使用sql语句。

  • 可以使浏览器实现小型数据库存储功能。

websql常用的API如下:

openDatabase - 打开已存在的数据库,如果不存在,则会新建一个新的数据库。

transaction - 控制一个事物,以及这种情况执行提交或者回滚。

executeSql - 执行 SQL 语句。

3、indexDB


indexDB 是为了能够在客户端存储客观数量的结构化数据,并且在这些数据上使用索引进行高性能的检索。DOM存储对于少量数据是非常友好的,但不适合存储大量结构化数据,indexDB就是为了解决这个问题而生的。

indexDB 分别为同步和异步访问提供了单独的API,同步API本打算供Web Worker内部使用,但目前还未实现。异步API在Web Worker内部和外部都可以使用,另外浏览器对indexDB有50M大小限制。

indexDB主要特点有:

    • 26
      点赞
    • 29
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值