最近在看Vue的源码,不得不说的是,Vue的源码十分优雅简洁,下面就来分享下Vue的缓存利用的算法LRU
算法。
LRU算法
LRU是Least recently used的简写,主要原理是根据历史访问记录来淘汰数据,说白了就是这个算法认为如果数据被访问过,那么将来被访问的几率也高。其存储结构是一个双链表,最近被访问到的放在双链表的尾部,头部放的就是最早被访问到数据。关于算法的具体流程,可以来看下这个,这个可视化过程,模拟了lru算法进行调度的过程。
缺页数
lru在笔试题中也会经常出现,经常会考到的那就是缺页数,例如页面访问序列为:2,3,2,1,5,2,4,5,3,2,5,2, 分配给某个进程3页内存,求其缺页次数。
缺页数可以理解为,内存不满的次数,转到lru来看就是链表中有空节点的次数。下面来走一下整个流程(左为head
右为tail
):
- 2 // 第一次缺页
- 2 -> 3 // 第二次缺页
- 3 -> 2 // 第三次缺页
- 3 -> 2 -> 1
- 2 -> 1 // 第四次缺页
- 2 -> 1 -> 5
- 1 -> 5 -> 2
- 5 -> 2 // 第五次缺页
- 5 -> 2 -> 4
- 2 -> 4 -> 5
- 4 -> 5 // 第六次缺页
- 4 -> 5 -> 3
- 5 -> 3 // 第七次缺页
- 5 -> 3 -> 2
- 3 -> 2 -> 5
- 3 -> 5 -> 2
所以总共有着7次缺页,上面的这个流程也是算法的具体执行流程,可以看出的是当有新的节点进入时,首先会检测内存是否已满,如果满了的话,就先将头给移除,再在尾部添加上这个新节点;假若该节点在链表中存在,那么直接将这个节点拿到头部。下面来看下Vue对这个算法的实现:
vue中的lru
源码时src/cache.js
,先来看看其构造函数: