错误信息收集方案： 前端错误分为：代码执行错误、资源加载错误 一、try catch 这种方式需要开发者手动对预估存在错误风险进行包裹，这种可以手动完成也可以通过自动化工具和类库完成。自动化工具也是基

「 驾驭屎山的唯一方法，不是重构，而是 不重构 」 面对屎山，我们究竟要不要重构？重构前需要做好哪些准备？

现在实现倒计时都这么卷了吗，使用requestAnimationFrame精准！平稳！性能极好！体验极佳地实现倒计时

sticky被称为粘性定位元素，postion属性值为sticky的元素在目标区域内时表现的和position: relative时无异。 元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素，如果祖先元素都不可以滚动，那么是相对于viewport来计算元素的偏移量。 st…

很多时候我们使用的滚动效果都是类似于锚点那种，一闪而过，给人的体验十分不友好。所以这里介绍一些平滑滚动的方式。 一般我们使用auto和smooth就可以了，smooth表示滚动很平滑，有过渡效果，auto没有过渡效果，一闪而过。 我们一般回到顶部的话把这个属性设置在html上即…

最近开发公司的公众号H5，做了一个点击icon滚动到顶部的功能。实现功能比较简单，直接调用window.scrollTo(0, 0)，一行代码完成。但是作为一个攻城狮，怎么可能对自己要求这么低，所以我给自己加了个需求，实现平滑滚动页面到顶部的功能。经过调研和查看文档，有了以下三…

我们都知道网站性能的重要性。重要是重要，但是具体如何衡量和识别永远是个非常发散、不容易说清的事情。本文就将以业内重要会议上的分享为中心，分类详细介绍主流语境下所有重要的数据指标定义。 历史上，yslow 曾经作为互联网开发的核心指标唯一评价工具，它的指标代表了核心指标。之后逐步…

最近在处理性能优化相关的工作，发现这块的内容涉及到比较多的知识点和有意思的工具，所以整理一下，很多干货内容，等你来...

采集的数据分为 HTML 解析加载过程的数据和 HTML 内资源加载的信息数据。 navigation 新增了资源大小和 serverTiming，可以分析资源是否压缩是否过大过小和离线应用处理时间。 fpt 猜测的白屏时间，有了 paint time 可以获取更精准的白屏、灰…