自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

在开发好页面后，如何让页面更快更好的运行，是区分一个程序猿技术水平和视野的一个重要指标。所以面试时，面试官总会问你一个问题，如何进行性能优化呢？ 如果你这时是头脑一片空白，或是像之前的我一样，靠死记硬背或是之前的经历，答一下压缩代码，打包代码，雪碧图，cdn，事件代理，这说明你…

本文主要以商城实例做为切入点，对项目中经常出现的图片资源列举了对应场景下的解决方案，如果项目中碰到非常多的图片资源，那么可以尝试下文中的一些优化方案。

性能分析 当页面中包含大量元素和复杂布局的时候，页面会有明显的卡顿感，会严重影响用户体验 常见场景：大数据量的列表渲染，如 无限滚动的列表 或 表格 卡顿根源：一次性渲染的 DOM 元素太多，导致性能

性能分析 当服务端返回的选择项数据达到一定量级的时候，加载渲染时会异常的卡顿，甚至会引发整个页面的卡顿 此时的用户体验是及差的 优化方案 对数据进行处理，只展示前 n 百条数据，通过自定义检索可以检索

什么是盗链 未经第三方授权或同意，就把其资源引用到了自己的应用上，比如图片、视频、文件下载等等，可以通过消耗第三方应用的流量来达到自己的目的 浏览器在页面呈现的过程中，拉取非当前应用的资源，就称为是盗

由于 TCP 协议是面向有连接的，只有在确认通信接收端存在的情况下才会发送数据，并且在连接断开时也会确认另一方是否还需要发送数据，这也是 TCP 协议的 三次握手 和 四次挥手 建立TCP连接 通过三

基于原生的 CSS3 属性 position: sticky 实现的固定表头、固定列的表格，当数据达到一定量级的时候，在性能上会有很大的提升

树结构（Tree）是一种典型的非线性数据结构，它是由 n (n > 0) 个有限节点组成的一个具有层次关系的集合。在实际的工作中，为了满足业务需求，需要把后端返回的扁平化的数组结构，转换成树形结构