华为 手势 截屏

那天在地铁上，看着窗外飞逝的街景，手里还攥着一份没写完的报告。
地铁到站，人潮涌动，我差点被人潮冲散，手里的报告也差点掉。
这让我想起，有时候我们就像那些地铁里的乘客，忙着赶路，却忘了看看身边的人和事。
就在我捡起报告的时候，看到旁边一个小孩正在画画，画的是什么呢？是一棵歪脖子树，旁边还有几个小果子。
小孩画完，对着我说：“叔叔，你看我画得像不像？”我笑着说：“像，像得很。
”小孩笑了，跑开了。
等等，还有个事，我刚才差点忘了，我好像把手机忘在包里了。
突然想到，我们是不是也常常这样，忙着追求目标，却忘了享受当下的每一刻。

说白了，做前端开发最头疼的就是各种依赖库冲突和性能瓶颈。
去年我们跑的那个项目，就因为引入了三个不同版本的lodash，直接导致雪崩效应——用行话说叫雪崩效应，其实就是前面一个小延迟把后面全拖垮了，首屏加载时间从3 00ms飙到5 s。

先说最重要的，打包工具的tree-shaking必须做对。
我们当时用了Webpack5 ，但把node_modules整个copy进来，结果发现很多库的commonjs模块没被识别，反而把没引用的代码全打包进去了。
后来发现不对劲，改用babel-plugin-transform-modules-commonjs才解决。
另外一点，图片懒加载要设置合理的超时时间，去年夏天某个活动页，因为用户一直下拉没看到图片区域，占用的CDN带宽直接把服务器干挂了。
还有个细节挺关键的，字体加载一定要用preload，去年我们测试过，不 preload 的页面在移动端会有0.8 s的空白闪屏，用户流失率直接翻倍。

我一开始也以为CDN缓存就够了，后来发现不对，CDN只能加速静态资源，像Vue的响应式更新、React的组件生命周期这些，根本不缓存。
等等，还有个事，Web Workers用多了也容易内存泄漏，去年某个H5 活动，用Web Workers处理数据没及时释放，导致低端机型直接卡死。

建议下次做项目，先梳理一遍所有依赖，把没用的库都干掉，特别是那些全家桶式的库。