性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

入门级文章，让你对层合成有个直白的认识.... 从浏览器的界面渲染说起 浏览器拿到界面代码后，会经过以下流程： 解析Html代码，构建Dom树。 解析Css代码，构建CssDom树。 合并Dom树和

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

本文正在参加「金石计划」 最近一位朋友参加阿b的面试，然后面试官问了她这个问题 我问她咋写的，她一脸淡定的说：“虚拟列表。” 虚拟列表 ？？？ What？？？ 这是个啥

核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加

我们知道，性能优化的一个指标就是打开网页的快慢，因为网页渲染得快能够给用户更好的体验效果。但当网速不给力的时候，难免会出现资源加载的问题。特别是加载图片的时候，本文主要讨论的就是有关图片加载的一些性能优化问题。 创建一个新的html文件,我们首先加载3张图片，来看看它的网络请求…