今年辗转三省，最后进入阿里，本文只是一些自己工作、生活上的经历和琐碎，想看技术干货的掘友请止步，不要在本文上浪费你的学习时间

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

引言 在深入了解FIber之前，我们可以先了解一下React的架构发展历程： React15架构可以分为两层： Reconciler（协调器）—— 负责找出变化的组件； Renderer（渲染器）——

长列表是什么？ 我们通常把一组数量级很大的数据叫做长列表，比如渲染一组上千条的数据，我们以数组的形式拿到这些信息，然后遍历渲染在页面上； 长列表应该如何渲染？ 面对这种大量的数据我们通常会采取分页拉取

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

正则表达式，有那么难吗？那么难学一学会不会比很多人优秀呢？我学了感觉只是比别人多了一套解决问题的思路，而且心情愉悦，毕竟入门了正则。

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

在现代前端中，面试对于 CSS 的考察要求较低，几乎无法与 JavaScript 相提并论，甚至无法与 JavaScript 的某一细分专题相提并论。

性能优化之CDN缓存。收益1.更好的性能（减少白屏时间）2. 帮服务端减轻压力，抵御部分攻击流量。命中CDN缓存的情况，请求将不会回源（回源：不会回到你的node server端）