本章关于浏览器原理部分的内容主要来源于浏览器工作原理，这是一篇很长的文章，可以算上一本小书了，有精力的非常建议阅读。 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。 浏览器引擎 - 在用户界面和呈现…

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

reflow 回流，或者叫重排都可以。回流(reflow)这个名词指的是浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。 简单来说就是当页面布局或者几何属性改变时就需要reflow。 repaint重绘，当页面中的元素只需要更新样式风格不影响布局，…

我们都知道JavaScript是单线程的，也就是说同一时间只能干一件事。这是因为JavaScript主要是用来操作DOM的，如果变成多线程，浏览器就懵逼了，不知道该听谁的了。但是虽然js是单线程，但是完全可以模拟多线程，靠的就是Event Loop。 我们都知道js中的代码分 …

【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 首先我们需要声明下，JavaScript 的执行和运行是两个不同概念的，执行，一般依赖于环境，比如 node、浏览器、Ringo 等， …

本文从Event Loop、Promise、Generator、async await入手，系统的回顾 JavaScript 的异步机制及发展历程。 需要提醒的是，文本没有讨论 nodejs 的异步机制。 也许我们都听说过JavaScript是事件驱动的这种说法。各种异步任务通…

详细探究 javaScript 异步及浏览器更新渲染时机

在计算机内存中存取数据，基本的数据结构分为栈和队列。 栈（Stack）是一种后进先出的数据结构，注意，有时候也管栈叫做“堆栈”，但是“堆”又是另一种复杂的数据结构，它和栈完全是两码事。栈的特点是操作只在一端进行，一般来说，栈的操作只有两种：进栈和出栈。第一个进栈的数据总是最后一…

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…