在说跨域之前，首先需要了解的一个概念就是”同源策略“。 源=协议+域名+端口号。 如果两个url的协议、域名、端口号完全一致，那么这两个url就是同源的。 我们可以通过window.origin或location.origin得到当前源。 同源策略即：不同源之间的页面，不准互相…

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天