前言 事件循环又叫做消息循环（官方叫event loop，浏览器源码里面叫message loop），这个一直是前端的高频面试题，也是理解js异步的最要知识，所以彻底理解事件循环就成了一件非常重要的事

theme: cyanosis 浏览器打开一个网页，可以大致分为两个大步骤，一网络，负责找到资源站点并下载，二渲染，将下载的html文件等渲染到屏幕上。 接下来我们主要说说渲染这一步，这一步也分为8个

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

dns-prefetch(DNS预获取)是前端网络性能优化的一种措施。它根据浏览器定义的规则，提前解析之后可能会用到的域名，使解析结果缓存到系统缓存中，缩短DNS解析时间，进而提高网站的访问速度。

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

可能你会对compositionstart和compositionend感到陌生，甚至重来没听说过。但在特定场景下，这两个事件十分有用。 最近接到一个需求，需要根据用户输入的文字来过滤列表选项。easy，一顿操作之后，代码如下： 这时，我想过滤出带有“三国”两字的书名。咦，不对…

JS内函数即对象。 Function对象和Object对象这两个内置对象的特殊性。 很多讲解图的指向一眼下去花里胡哨，看着都头疼[手动狗头]。 很多前辈在讲解相关知识点的时候都是从__proto__开始讲起，但在我看来，__proto__与prototype关系之密切是无法单独…

这样调用并不会执行if语句的代码，因为两段代码所处的javascript执行环境是不一样的，每个frame都有自己的执行环境，他们也不会共享原型链，也就是说两个执行环境中的Array Object构造函数都是不等的，那么if语句的判断就为false，这个数组并不是继承的父窗口执…