在前端开发中，缓存是一项非常重要的技术，它可以大大提高网页的性能。而 LRU（Least Recently Used）算法是一种较为常见的缓存淘汰算法，它能够有效地保持缓存数据的新鲜度。
在本文中，我们将介绍一个基于 LRU 算法的 npm 包 tiny-lru，并详细讲解其使用方法和注意事项，以及如何在项目中应用它以提升性能。
什么是 tiny-lru
tiny-lru 是一款适用于浏览器和 Node.js 环境下的 LRU 缓存库。它的体积非常小，仅有 700 多字节，但其实现方式和效果相当不错。
该库的使用非常灵活，可以自己指定缓存大小，也可以自己指定淘汰的规则，当然库中也包含一些常用的规则可以直接使用。
使用方法
安装
在项目中使用 tiny-lru 也非常简单，首先你需要使用 npm 安装该库：
- --- ------- -------- ------
引入
安装好后，在你的项目中引入 tiny-lru 库：
------ ------- ---- ----------
或者
----- ------- - -------------------
创建实例
创建一个 tiny-lru 实例：
----- --- - --- --------- -------- -- --
在这个实例中，我们指定了缓存大小为 10，也就是说，缓存中最多只能存储 10 个数值（或者其他类型的数据）。
存储数据
存储数据非常简单，直接使用 set 方法：
------------ -- ------------ -- ------------ --
在这里，我们以字符串作为键名，存储对应的数值。
获取数据
获取存储在缓存中的数据也非常简单，直接使用 get 方法：
------------------------- -- - ------------------------- -- - ------------------------- -- -
如果缓存中不存在对应的数据，get 方法将会返回 undefined。
同样的，在 LRU 算法中，访问一个键值会更新它的访问时间，因此，访问一些数据并不会导致它们被移除出缓存。
每次访问后淘汰规则
在实际应用中，我们可能还需要指定某些数据被访问一定次数后就被淘汰出缓存，这时需要使用 tiny-lru 中的 secondChance 方法。
------------ -- --------------------- ---------------------
在这段代码中，我们将键名为 d 的数据给予了一次访问的“第二次机会”，而对键名为 a 的数据也进行了同样的操作，这样就避免了数据被提前从缓存中移除。
生命周期
tiny-lru 同时还支持自定义缓存数据的生命周期，使用方法如下：
--- --------- -------- --- ------- -- - --- -- ------- ---- --
在这里，我们规定了缓存最多存储 60 分钟，超过这个时间的数据将会被淘汰出缓存。
更多的例子
适用于多页面应用，每个页面都有自己的缓存大小：
----- ------ - --
-------- -------- ------ -
-- --------------- -
------------ - --- --------- -------- -- --
-
------ ------------
-小结
在本文中，我们介绍了一个非常小巧而功能强大的 npm 包 tiny-lru。通过使用 tiny-lru，开发者可以轻松地利用 LRU 算法带来的性能提升。
虽然 tiny-lru 的体积非常小，但其实现方式和效果并不逊于其他的缓存库。因此，在前端开发中，我们完全可以使用它来提升网页性能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/58348