①通过hash改变，利用window.onhashchange 监听。 ②通过history的改变，进行js操作加载页面，然而history并不像hash那样简单，因为history的改变，除了浏览器的几个前进后退（使用 history.back(), history.forw…

简单粗暴，就是监听DOM树的变动。 首先明确：MutationEvents在MDN中也写到了，是被DOM Event承认在API上有缺陷，反对使用。 甭记，这么多事件，各内核各版本浏览器想兼容怕是要天荒地老。 （1）事件多，可见的，监听多项就绑定多项。 （2）只要是绑定事件，离…

window 的 onload 事件对于前端童鞋来说肯定是熟的不能再熟了，相信大家在刚入门时，见的最多的可能就是 load 事件了。load 事件接触多了，大家就会接触到它的闺蜜 DOMContentLoaded 事件，网上有很多介绍这两个事件的文章，对它们的解释无外乎以下两种…

上面的过程是由 GUI 渲染线程完成的。 浏览器内有多个进程，其中渲染进程被称为浏览器内核，负责页面渲染和执行 JS 脚本等。渲染进程负责浏览器的解析和渲染，内部有 JS 引擎线程、 GUI 渲染线程、事件循环管理线程、定时器线程、HTTP 线程。 JS 引擎线程负责执行 JS…

浏览器是怎么将字符串解析成tokens的。使用的方法是状态机。 浏览器一步步将文件流转化为字符串再通过状态机转化为token，得到token后，按照W3C规则转换成DOM树。 浏览器根据DOM树和CSSOM树生成带有标签和样式信息的渲染树(Render Tree)。渲染树与DO…