摘要：
1. 标准文档流 文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 2. 标准流的微观现象： 空白折叠现象。 // 比如，如果我们想让img标签之间没有空隙，必须紧密连接. <img src="img/0 阅读全文
摘要：
<html> <head> <meta charset="utf-8"> <title>CSS绘制三角形和箭头</title> </head> <style> .d2 { width: 0; height: 0; border-width: 100px; border-style: solid; b 阅读全文
摘要：
Formatting context 我们把网页看作是由很多个盒子组成的，而这些盒子的展示方式，就是由display这个属性来决定的。 这里出现了一个概念，叫做Formatting context（格式上下文）： Formatting context 是 W3C CSS2.1 规范中的一个概念。它是 阅读全文
摘要：
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 在解释什么是BFC之前，我们需要先知道Box、Fo 阅读全文
摘要：
数组的解构赋值 基本用法 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 以前，为变量赋值，只能直接指定值。 var a = 1; var b = 2; var c = 3; ES6允许写成下面这样。 var [a, b, c] = [1, 阅读全文
摘要：
ES5 只有两种声明变量的方法： var 命令和 function 命令。 ES6 除了添加 let 和 const 命令， 后面章节还会提到， 另外两种声明变量的方法： import 命令和 class 命令。 所以， ES6 一共有6种声明变量的方法。 阅读全文
摘要：
var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); / 上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输 阅读全文
摘要：
对象令人感兴趣的一点是用它们解决问题的方式。ECMAScript 中最常见的一个问题是字符串连接的性能 var str = "hello "; str += "world"; 实际上，这段代码在幕后执行的步骤如下： 创建存储 "hello " 的字符串。 创建存储 "world" 的字符串。 创建存 阅读全文
摘要：
判断两个变量是否相等是程序设计中非常重要的运算。在处理原始值时，这种运算相当简单，但涉及对象，任务就稍有点复杂。 ECMAScript 提供了两套等性运算符：等号和非等号用于处理原始值，全等号和非全等号用于处理对象。 等号和非等号 在 ECMAScript 中，等号由双等号（==）表示，当且仅当两个 阅读全文
摘要：
1. 箭头函数不能当作构造函数，即不能使用new命令 2.箭头函数要实现类似纯函数的效果，必须剔除外部状态。所以当你定义一个箭头函数，在普通函数里常见的this、arguments、caller是统统没有的。 什么情况下该使用箭头函数 《You Don’t Know JS》给出了一个决策图： 箭头函 阅读全文