人要做的不清高不矫情不抱怨，就是在黑夜中看到微光，你就朝着微光的方向走过去，虽然有的时候你会怀疑，你会觉得是不是走错了，但是所有的怀疑都是为了确信。

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

这大半年来，猫哥已经推荐过超过 50个专题， 450 个超级好的开源项目了，今天把往期推荐过的文章与项目做个合集吧，方便大家能快速得查阅到想要的项目。

... 以前有一个餐厅，这个餐厅有一个老板和一个厨师，自己创业的，刚开始起步阶段，没有资金请员工，所以自己来当老板兼服务员。 作为VIP顾客，肯定得有VIP特权。 一天、老板开始营业后，陆陆续续的来了一些人进来点餐吃饭。 由于这个店只有一个人，所以老板招待好他们点完餐之后就去炒…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

大家总说性能优化的xxx条建议，但实际操作时又觉得很无力。本文就带你体验一次真实的性能优化案例和原理解析

最近在 medium 上看到这篇“比较新鲜的”文章 《We rendered a million web pages to learn how the web breaks》 觉着不错（老外确实敢想敢做），遂翻译分享，以期拓宽视野、引人思考。本瓜不会去逐字翻译，旦求一个表意流畅…

大家好，我是 Steven。 今期我们会介绍怎样实现 BiliBili 秋季 的那个顶部图片横幅效果，当游标移过去的时候，随着左右移动，会有景深和对焦的效果。 打开 CodePen 编辑器，在 HTML 的部份加入一个 <header> 标签，然后里面加入六个 &#x…

通过F12对Banner的观察,图片是由多张PNG图片相互叠加而成，监听鼠标移动实现图片的偏移，而飘落的花瓣则是使用canvas实现。下面就让我们来尝试一下。 这部分代码比较简单就不多赘述。 1. /css/index.css 2. /index.html 1. 具体实现思路 …