前言如图所示，webkit内核浏览器的渲染过程(解析HTML，构建DOM树，解析CSS，构建CSSOM树，构建render树，布局layout，绘制painting)，这些过程理解起来可能有些抽象，今

最近在做性能监控相关的工作，将准备工作中涉及的资料进行一次整理。 合成监控（Synthetic Monitoring，SYN），就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。 真实用户监控（Rea…

说起缓存，每个前端开发者都不会陌生。它是很常见的前端性能优化手段之一，无论在节省带宽、提高加载和渲染速度、减少网络阻塞，以及提高用户体验上，都发挥着很重要的作用。缓存过程页面的加载，可能会经历如上图所

重绘和回流（Repaint & Reflow），一个第一眼能唬住新手（比如我）的专业名词。当我快快乐乐的搜索相关文章想好好学习天天向上的时候，却发现几乎都是在介绍xxx会触发回流重绘，却不告诉我在哪查看，搞得我一脸懵逼。于是这篇💧文章就出来了。 本文参考了非常多的资…

​ DOM是"Document Object Model"(文档对象模型)的首字母缩写。如果没有document，DOM也就无从谈起。当创建一个网页并把它加载到web浏览器中时，DOM就在幕后悄然而生。它将根据你编写的网页文档创建一个文档对象。 ​ 在我们自己的语言中，”对象“…

1. 什么是同源策略？ 同源策略可防止 JavaScript 发起跨域请求。源被定义为协议、主机名和端口号的组合。此策略可防止页面上的恶意脚本通过该页面的文档对象模型，访问另一个网页上的敏感数据。 2. 跨域是什么？ 3. JSONP 是什么？ 这是我认为写得比较通俗易懂的一篇…

从代码中看出，排序过程中，所需要的临时变量一直都没有变化，因此空间复杂度为O(1)；代码进行了两次for循环且是嵌套循环，因此时间复杂度为O(n²)。 冒泡排序的最优情况是原数组默认正序排序，此时比较的次数num1仍为105，而交换次数num2为0，此时的时间复杂度仍然为O(n…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 时隔一周不见，霖呆呆我终于更新文章了，小声嘀咕说想我了... 呸... 咳咳，其实我一直在隐忍准备来一发大的好不。 这不，这一章节就是整理了45道Promise的笔试题让大家爽一爽 😁。 另外查了很多关于Promi…

一句话理解"Event": 类似vue中$emit, 使用new Event可以创建浏览器的原生事件,通过使用addEventListener监听事件. 要实现上例就需要用到自定义事件(Event). 可以看到组件破坏了dom结构, 使用时可能会直接影响样式, 所以很多vue插…