最近一个小伙伴问我他们公司的Vue后台项目怎么首次加载要十多秒太慢了，有什么能优化的，于是乎我打开了他们的网站，发现主要耗时在加载vendor.js文件这个文件高达2M，于是乎我就拿来他们的代码看看，进行了一番折腾。最终还是取得了不错的效果。 对于网页性能，如何提升加载速度、等…

看完复联四，我整理了这份 GraphQL 入门教程，哈哈真香。。。 首先有请阿爸镇贴！哈哈哈，需要高清原图的小伙伴可以 点我下载 阿爸无敌 。 GraphQL 是 Facebook 开发的一种 API 的查询语言，与 2015 年公开发布，是 REST API 的替代品。 Gr…

我说这句话时候，是不是很多前端 和 NodeJS 工（码）程（农）师已经按不住自己的40米大刀了。心中的不仅感慨前端是真的会造轮子，有了 node 还不够吗，还没学会 node 又搞了个 deno，node 和 deno 啥区别？！ 的确，deno 和 node 形态很相似，要…

我们在淘宝购物，大部分个人卖家只是在一个地方发货，江浙沪以外的地方好像收货都比较慢。 而我们在京东上买自营产品的话，它会根据我们的收货地点，在全国范围内找离我们最近、送达最快的仓库，不管我们在江浙沪，还是新疆西藏内蒙古，我们的收货时间都会大大减少。京东的物流体系就类似于 CDN…

当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，我们将从速度和体积两方面来探讨构建优化的策略。

最近一直在捣鼓性能优化，继上一篇网络过程的优化，这一篇文章细致地讲述了浏览器渲染流程和性能优化，第一次写万字长文，请多多指教。

网站性能优化贯穿在开发的各个阶段，涉及的知识点也是比较分散的，怎样把这些分散的知识整理、连贯起来，在脑海中有一个图谱，在实战的时候，根据图谱上的优化点各个击破，这就需要构建自己的知识体系。

Diff算法 Diff算法即差异查找算法。 Vue的diff策略 传统的计算两颗树的差异时间复杂度为O(n^3),显然成本比较高（老树的每一个节点都去遍历新树的节点，直到找到新树对应的节点。那么这个流

比如，在这个例子中，下面的接口中的currentTime、setTime就是实例的类型。 实例类型通常是指那些通过Clock这个类实例出来的对象，要满足的部分。 放到这里的意思就是:我们通过new Clock()出来的实例，必须要满足拥有currentTime、setTime这…