什么是重排和重绘？ 当DOM的样式或内容会被修改时，将触发重新渲染。除了属性值计算、单位换算外，渲染主要分为三个步骤： 布局：计算盒模型的位置，大小 绘制：填充盒模型的文字、颜色、图像、边框和阴影等可

本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。

一、使用背景 业务开发中存在长列表显示需求，一些用户的聊天列表会出现几千条数据的情况，也就意味着要一次性渲染几千条数据，造成明显的卡顿，这时就有必要对聊天列表进行性能优化来提升用户体验。 对于这种需求

曾几何时，我总会很庆幸自己进了前端这个行业。因为在这个职业范畴里面，我如鱼得水，成长很快，成就感满满。然而，随着年龄和工龄的增长，渐渐发现自己的瓶颈越来越明显了，我感觉自己似乎碰到了前端的天花板。 1.从客观原因来看，前端相对于后端的入门门槛确实低了不少。公司对前端的需求量虽然…

前几天跟读者聊天，他说被产品经理给怼了。原因是线上出 Bug 了，最后是客户反馈才知道的。 读者：我们是刚成立的创业团队，目前最重要的就是堆功能，很多基础设施都没时间做。 正所谓有多大的碗吃多少的饭，不要盲目追求规模大，很牛的那种方案，合适的就可以。监控亦是如此，小方案只要够用…

前言 本文来自 2020年4月25日，前端早早聊第五届“前端搞监控”专场分享嘉宾 - 钉钉前端团队监控负责人 烛象(slashhuang) 的分享实录《钉钉前端-如何设计前端实时分析及报警系统》。 正

好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连 可以确保游戏的继续进行 坏的断网处理甚至不处理会出bug：比如我手上的项目就出了个bug 业务人员表示非常苦恼 网络问题一直是一个很值得

前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据上报。 性能数据采集需要使用 window.performance API。 从 MDN 的文档可以看出，window.performance.timing 包含了…

补充：如果以下内容有什么不对的地方，欢迎指正。 设计模式是为了更好的代码重用性，可读性，可靠性，可维护性。 创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元…