面试手写题：如何用原生 JS 快速实现一个虚拟列表展示其效果，并讲讲实现原理以及相关的优化手段🤔。

支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级详细⚡

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知识，甚至是绝大部分前端知识。

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感

一、建立衡量标准 在确认指标之后，还要有量化基础，有数据积累。 理论基础 - 以『用户为核心』的 RAIL 性能模型 Response（响应）：应该尽可能快速的响应给客户，应该在 100ms 或者 1

马上又是金三银四了，又要面对头疼的面试题了。经常容易被问到性能优化相关的问题，没准备的小伙伴进来看看吧，准备了的也可以考虑再熟悉熟悉呀，记忆更深刻一点。

背景 (书接上回) ui妹子的无理要求，我通通满足了。但是不出意外的话，意外就出来了。 此功能在上线之后，我们的业务在客户app内使用刷脸的时候会因为内存过高导致app将webview杀死。 然后我们

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

最近做了一个webapp项目，qa用手机测试功能时，在iphone6plus上表现是白屏，其他手机目测是ok的；因为之前在测试其他项目时也发现在这个iphone6上表现与其他手机不太一样。于是当时以为这个手机出了什么问题，或者其版本过低；就不放在心上。 然而这次白屏的影响还是要…