浏览器是我们日常开发的重要的工具，那么你了解浏览器吗？即使在前端面试中，我们也经常会遇到：在浏览器地址中从输入url地址到出现页面，这个过程发生了什么？介绍一下重绘和回流？这一类关于浏览器的问题。我们可能会知道大概的轮廓但对于具体的细节却是不那么清楚，那么今天我们就从浏览器组成…

记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。 在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此…

我们经常说JS的事件循环有微观队列和宏观队列，所有的异步事件都会放到这两个队列里面等待执行，并且微观任务要先于宏观任务执行。实际上事件循环是多线程的一种工作方式。通常为了提高运行效率会新起一条或多条线程进行并行运算，然后算完了就告知结果并退出，但是有时候并不想每次都新起线程，而…

这一博客系列由四部分组成，将从高级体系结构到渲染流程的细节来窥探 Chrome 浏览器的内部。如果你曾对浏览器是如何将代码转化为具有功能的网站，或者你并不确定为何建议使用某一技术来提升性能，那么本系列就是为你准备的。 本文作为此系列的第一部分，将介绍核心计算术语与 Chrome…

在H5中新增了一个后台运行的线程Web Workers,但是这个线程是受主线程控制的并且不能操作DOM。 存放在堆(heap)内存中的都是对象，栈里面的变量实际保存的是一个指针，这个指针指向堆(heap)内存中的对象。 需要注意的是，setTimeout()只是将事件插入了"任…

JS是一门单线程的语言，异步操作是实际应用中的重要的一部分，关于异步操作参考我的另一篇文章js异步发展历史与Promise原理分析 这里不再赘述。 堆（heap）是指程序运行时申请的动态内存，在JS运行时用来存放对象。 栈（stack）遵循的原则是“先进后出”，JS种的基本数据…

见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我…

一千个读者，有一千个哈姆雷特。 我将会从函数的执行机制、鲁棒性、函数式编程、设计模式等方面，全面阐述如何编写高质量的函数。 如何编写高质量的函数，这是一个很难回答的问题，不同人心中对高质量有自己的看法，这里我将全面的阐述我个人对如何编写高质量函数的一些看法。看法可能不够全面，也…

最近对web的性能优化比较感兴趣，而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。 本文主要参考 How Browsers Work: Behind the scenes of modern web browsers 。在…