图片压缩是一个博客系统很常见的需求, 个人站点「昆仑虚」目前使用的是 TinyPNG 提供的 API 来实现图片压缩的, 偶然间看到了 sharp 方案...

不管是面试提问，还是实际工作中，前端性能都是一个绕不过去的问题。性能优化的指标，渲染优化的原理，代码优化，等等多方面的角度，系统的整理了前端性能优化的笔记。

懒加载是一种对网页性能优化的方式，比如当访问一个网页的时候，优先显示可视区域的图片而不是一次加载全部的图片，当需要显示时，再发送请求加载图片。那么，如何使用懒加载来处理...

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。 页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CS…

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。 懒加载 lazyload 懒加载：

文章以图/文/代码案例三种结合的形式解读。毋庸置疑,前端缓存一定是前端架构者必定需要考虑的因素，也是开发者的巨大加分项。是前端性能优化中最重要的知识点之一。

本文介绍了虚拟滚动的原理及虚拟滚动的实现过程，以及为onScroll进行节流的优化，防止回调函数高频触发。