在多人开发的项目中时，每个人代码风格不一致。而且在开发的过程中，也会出一些小问题。对于以上的情况，需要 eslint 帮助我们避免以上的问题。 vue-cli 2.0 构建的项目配置 eslint，可以先读这篇文章，了解 eslint 的配置。但是上面的配置是基于 webpac…

背景 一个vue2的项目，打包部署后，发现首屏加载速度慢，FCP白屏时间大约需要8s左右，从输入系统地址按下回车后，就一直转啊转啊转，加载缓慢，导致用户的体验非常不好！所以今天针对这个问题来做一些性能

Chrome Devtool Performance 是大家常用的页面性能分析工具，当你使用它来分析页面加载性能的时候会生成如下图所示的报告。 图中包含了以下几个重要的时间点：DCL, L, FP, FCP, FMP, LCP。这里我把前两个和后面几个分开来讲，因为它们分属于不…

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

前情提要 首页空白的问题相必作为Vue开发者应该并不陌生，或者说是当前三大主流框架都存在的问题。而在面试中时常也会被问到其产生的原因，以及解决方案是什么？ 今天就主要说下这个问题... 什么是FP F