本篇所有代码线上代码react-webpack4-cook,翻译过来叫：webpack4和react的乱炖，可以跟着代码进行配置，之前有很多坑，线上代码都已经被解决了 。如果对您有帮助，不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式，大概介绍下我是怎么完成一个…

这个优化方案到底行不行？由你们来说。这是一个有趣的首屏优化思路！性能优化本来就是一个登峰造极，追求极致的过程！一个有梦想的前端，当然是要折腾的，因此就有了本文，看看能否再提升首屏速度亿点点！

前言 useEvent 是一个刚刚提案的原生Hook，还处于RFC。讨论地址在这里~下面有些代码就是来自其中 为什么要这样🤔 没有 useEvent 的时候😶 我们先看看不用 useEvent 的情况

requestIdleCallback 题目 是否了解过 requestIdleCallback ？ 由 React Fiber 引起的关注 React 16 内部使用 Fiber ，即组件渲染过程可

通常我们通过定义一些参数来进行组件的抽象。而且，你很可能也见过拥有超过 50 个参数的所谓的“可重用”组件！这样的组件最终将会变得很难使用和维护，同时也会带来性能问题和难以追踪的 bug。

出现场景： 有些需求需要用户上传照片，而上传图片可能太大，导致上传时间过长，用户体验下降，这时候可以考虑前端做好图片文件压缩，减轻服务器压力。