BrownHu

缓存是有空间的限制的，不同的情况下会采取不同的缓存淘汰策略应对缓存满载。常见的缓存淘汰策略有三种： 简单理解其实就是：如果一个数据最先进入缓存中，则应该最早淘汰掉。 所以 LFU 的淘汰策略其实就是：如果一个数据在最近一段时间内使用次数很少，那么在将来一段时间内被使用的可能性也…

我之前一直用 One Dark Pro 后来又转到 Material Theme Palenight 再到后来的 Dracula 。总觉得有些配色很奇怪（工作太闲），于是写了一个 VSCode 深色主题：Duang，之所以叫Duang是因为它很黑，很亮，很柔.... 如果你也对…

类型检查在各种强类型语言（Typescript、Flow.js）出现之前一直是我们手动检查的，检查的方式也是多种多样。本文尽量总结出所有类型最优的检查方式，和解释所有方式的原理，如果有错误请各位大佬指正，除此之外对于类型检查当然拥抱强类型我觉得才是未来。 可以看到 null 的…

大家可以通过上传/拖拽图片的方式获取图片主题色。 Colorfulimg是一个能够通过canvas获取图片主题色的js工具库。 下面说一下实现思路，主要是通过canvas的getImageData()方法获取图片每个像素点的rgba数据。通过取得平均值的方法来算出图片主题色。 …

如MDN所说sticky其实就是relative加上fixed。那么具体属性特征我们可以举几个栗子说明一下。 很明显在滚动的过程中开始的时候，relative和sticky的行为都是一样的，但是当sticky与上方的距离到达为设定的50px的时候，sticky的的行为又和fix…

浅拷贝： 只能对基本类型的值拷贝，如果所要拷贝的对象的某个属性的值是对象的话，那么目标对象拷贝得到的是这个对象的引用。 在写这篇博客之前，看了很多博客实现的浅拷贝，发现大家实现的方法或多或少都有些不足，今天就把这些坑说一说。 所拷贝的对象并没有以symbol为属性名的属性，也不…

浏览器UI线程堵塞问题，如果UI线程之中有很多待完成的渲染任务，所要执行的动画就会被搁置。 你可以直接调用requestAnimationFrame()，也可以通过window来调用window.requestAnimationFrame()。 requestAnimation…

重复地比较要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。比较数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。每比较一整轮,最大的都会出现在最后故名---冒泡排序 2. 选择排序(SELECT) 每一次从待排序的数据元素中选出最小（或最…

先简单介绍一下VuePress，这是尤大在2018年4月份发布的一个新轮子。 一个基于 Vue SSR 的静态站生成器，本来的目的是爽爽的写文档，但是我发现用来撸一个人博客也非常不错。 你可以跟着文档上的例子自己玩一玩，不过由于VuePress的文档也是用VuePress来实现…