浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

大家可以关注我的公众号，我在公众号中会更新视频，并且每晚都会推送一篇我认为不错的文章。

实现一个较为fancy的JavaScript继承方法。 此外，如果你完全明白了文末的终极版继承，你也就懂了这两篇所要讲的核心知识，同时，也能说明你拥有不错的JavaScript基础。 我们来回顾一下ES6 / TypeScript / ES5类的写法以作对比。首先，我们创建一个…

ES6 的第一个版本发布于 15 年 6 月，而本文最早创作于 16 年，那也是笔者从事前端的早期。在那个时候，ES6 的众多特性仍处于 stage 阶段，也远没有现在这么普及，为了更轻松地写JavaScript，笔者曾花费了整整一天，仔细理解了一下原型——这个对于一个成熟的J…

在我刚开始学js和写js时，以及在工作中，我都被this这家伙困扰过，迷惑过。经过我查阅书籍和反复实践，终于大致搞懂了关于this这个机制，其实，它并不难，还挺有意思的。下面我就来总结和解析下什么是this。 看完上面那段代码，如果你感到惊讶的话，不要慌，我当时也是这种感觉，哈…

最近在回顾一些知识，归纳一下以前的笔记再结合各个资料说一下我对跨域和跨域问题的解决方法。 Cookie、LocalStorage 和 IndexDB 无法读取。 DOM 无法获得。 AJAX 请求不能发送。 JSONP由两部分组成：回调函数和数据。回调函数是当浏览器接收到响应时…

看到了死月、doodlewind、佳楠等朋友都写了关于 2017 的年度总结，总觉得自己也应该写点东西来回首过去的一年，顺便展望一下未来的 2018 年。 由于之前忙于撰写《剖析 Vue.js 内部运行机制》，一直没有抽出时间来写这篇年度总结，借着农历新年穿梭在七大姑八大姨家的…

单例模式用到了闭包和高阶函数的特性。单例模式是简单但常用到的模式，比如单页应用、websocket连接等等。特别是惰性单例模式，用到时才创建，再次用到是不需要再次创建。创建对象和管理单例的职责分布在不同的方法中，方便扩展和管理。

作用域是JavaScript中的一个重要而又模糊的概念。只有正确使用JavaScript作用域，才能使用优秀的设计模式，帮助你规避副作用。本文中，我们将会详细分析JavaScript的不同类型的作用域