【实战】前端工程化，技术栈react + ts + storybook 这个专栏我们已经完整的搭建完成了一个组件库项目，本篇我们讲解一下几种虚拟列表、定高、动态高度虚拟列表的实现

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

`once-init` 为解决异步函数问题而生。它从 `Promise` 的定义出发，用 `Promise` 的基础功能彻底地阻止了异步请求浪费的发生。

该方案并没能解决浏览器拦截问题，根本原因还是点击事件非用户所为。 该方案亲测是有效的，可以解决浏览器拦截问题，但是在异步请求期间，新打开的窗口会出现空白页，对用户体验不是太友好。 在查阅资料时，发现了一些浏览器是根据用户点击事件之后1秒内是否触发window.open来触发拦截…

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。

本文介绍了在 JavaScript 中如何利用 async-pool 这个库提供的 asyncPool 函数，来实现大文件的并行下载。

没错，你没有看错，是前端多线程，而不是Node。这一次的探索起源于最近开发中，有遇到视频流相关的开发需求发现了一个特殊的状态码，他的名字叫做 206~ 为了防止本文的枯燥，先上效果图镇文。(以一张3.7M 大小的图片为例)。 看到这里是不是有点心动，那么请你继续听我道来，那我们…

性能优化体系四要素：指标、监控、性能分析、优化方案。 什么是性能？前端业务开发关注的性能，主要有两个：加载速度、渲染效率。二者一般也合称【性能体验】。 衡量加载速度的传统指标一般是：首字节、DOMContentLoaded、onLoad。传统指标的问题是，完全站在技术视角衡量，…