为什么要了解浏览器的渲染原理？了解浏览器的渲染原理有什么好处？我们做前端开发为什么非要了解浏览器的原理？直接把网页做出来，什么需求，直接一把梭，撸完收工不好吗。 重排也叫回流（Reflow），重绘（Repaint），会影响到浏览器的性能，给用户的感觉就是网页访问慢，或者网页会卡…

最近，有篇名为 《8张图帮你一步步看清 async/await 和 promise 的执行顺序》 的文章引起了我的关注。 作者用一道2017年「今日头条」的前端面试题为引子，分步讲解了最终结果的执行原因。其中涉及到了不少概念，比如异步的执行顺序，宏任务，微任务等等，同时作者限定…

注意：Chrome 中打印的对象展开的时候显示的是当前对象的值，可能已经不是打印的时候的值了，所以需要通过在打印的地方打断点的形式来查看准确的值。或者直接通过打断点查看。 两者很像，只是有一些语法上的不一样。 事件名 jsx 中采用驼峰命名。 如果在后面写 return fal…

本文为 WebSocket 协议的第七章，本文翻译的主要内容为 WebSocket 连接关闭相关内容。 要关闭 WebSocket 连接，终端需要关闭底层的 TCP 连接。终端需要使用一个方法来干净的关闭TCP连接，还有 TLS 会话，如果可能的话，抛弃后面可能受到的任意字符。…

new 操作符实际上就是生成一个新的对象，这个对象就是原来对象的实例。因为箭头函数没有 this 所以函数不能作为构造函数，构造函数通过 new 操作符改变了 this 的指向。 最基本的 myCall 就实现了，ctx 代表的是需要绑定的对象，但这里有几个问题，如果 ctx …

显然回流带来的代价大于重绘，因为重绘仅仅是重新画一遍元素而已，但是重绘是重新计算+重新画。 Initial。网页初始化的时候。 Incremental。一些Javascript在操作DOM Tree时。 Resize。其些元件的尺寸变了 StyleChange。如果CSS的属性…

小米的面试官给人的感觉很亲切很真诚，是一个体验很不错的面试。 这个公司是猎头推荐的，一家初创公司，CEO比较强势，也算比较有趣。 这一面是CEO面，主要问了我的职业规划等等问题，在我没有表现出很强的要去该公司的意愿后，直接给我送走了... 这轮面试时从美国打电话过来的，事后才知…

一些我在面试中的思路和套路

这也是前端面试经常询问的问题，经常问你es6出现了哪些新的特性，平时又使用过那些。在编写此教程的时候，第一句话往往就是面试常常问到的地方，然后后面就是他的详细解释，面试要求的内容我会用*标记出来。写技术文档是真的累啊，虽然是看别人的文档，但是你得看很多，而且还得自己总结啊。所以…