越來越发现前端工程中性能的重要性。不管使用什么技术栈，性能优化都是绕不过去的问题。 优化性能之前，首先要知道如何查看网页性能。 chrome 浏览器提供的performance就是一个最常用的工具。 点击面板左上方圆形按钮开始记录，然后操作页面，一段时间之后在面板上点击停止，即…

Performance Assistant，一款Chrome插件，提供最简单的查看页面加载性能的方式和指标定制化的能力，支持持续监控，可以查看页面一段时间内的加载性能数据变化。

我们可以编写一些漂亮，且吸引人的网站，但如果该网站无法快速加载到浏览器中，人们往往会跳过它。 尽管有许多性能规则，但归根结底，这全都取决于加载时间。 一秒钟大概是用户思路不被打断的极限。用户会感觉到延迟，但还可以接受 10秒左右是用户注意力的极限。 大多数用户会在10秒后离开你…

事情的起因是我们WMS系统内有一个批量打印的功能，今天仓库反应第一次打印的速度大概是2s，但是之后每次都越来越慢，到后面页面基本就直接卡死了。 从这个表现来看，这个问题基本可以定位成性能问题，而不是可以被try...catch到的异常。 一行行review这部分相关的代码，co…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交

HTTP 缓存是前端面试必问的知识点，大多数前端也都能答出强缓存和协商缓存来，但如果换个问法呢？ 比如问浏览器的强制刷新实现原理是什么？ 你还能答出来么？ 其实这也是考察缓存相关的知识点，看完这篇文章