本篇章主讲双栏布局和三栏布局的一些较为古老及实用的原理及实现。说它古老主要也是因为我们不会涉及 flex 这一类魔法一般的布局方式，虽然我也知道用 flex 就能轻松实现很多布局。 做这个文章，一方面也是自己做个学习记录，当做温习一番。另一方面，也希望能够帮助看到这篇文章的新手…

上面name、age代表属性名也就是键，frank、18代表属性值也就是值。 键名是字符串，不是标识符，可以包括任意字符。 引号可以省略，省略之后只能写标识符。 就算引号省略了，键名也还是字符串。 我们可以看到obj2含有xxx属性但是还是返回undefined,所以当返回值返…

前言 想要了解事件循环，首先需要知道一个概念，JS是一门单线程语言。为什么？因为JS在设计之初就是一个专门用于编写页面交互语言，而与页面交互则会频繁的进行DOM操作，试想，如果JS是多线程的，一个线程

一、变量提升（预解释）定义 在js代码执行之前，对所有声明的变量 进行提前带var和带function变量进行提前声明和定义（赋值）； 对于带var的进行提前声明，不赋值（变量声明时不赋值，变量的默认

两栏布局的实现 一般两栏布局指的是左边一栏宽度固定，右边一栏宽度自适应，两栏布局的具体实现 利用浮动 原理：将左边元素宽度设置为200px，并且设置向左浮动。将右边元素的margin-left设置为2

Vue 中的 computed又叫做计算属性，模板中有复杂计算时可以考虑computed； Vue 中的 watch 又名为 侦听属性 ，它主要用于侦听数据的变化，在数据发生变化的时候执行一些操作。

Vue2.0开始，引入了Virtual Dom，了解diff过程可以让我们更高效的使用框架，必要时可以进行手工优化，本文针对的是Vue2.5.7版本中的Virtual Dom进行分析，力求以图文并茂的方式来分析diff的过程。 PS: 如有不对之处，还望指正。 我们知道，浏览器…

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

共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？他考察了候选人的哪些能力…