一、TS 快速上手

从 JavaScript 程序员的角度总结思考，快速上手理解 TypeScript。

1. 关于TS

TypeScript 是 JavaScript 的一个超集，可以编译成纯 JavaScript。TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。

TypeScript 提供最新的和不断发展的 JavaScript 特性，下图显示了 TypeScript 与 ES5、ES2015 和 ES2016 之间的关系：

一、层叠上下文、层叠等级和层叠顺序

1. 层叠上下文(stacking context)

   层叠上下文是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。

   一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发现某个元素可能覆盖了另一个元素或者被另一个元素覆盖。

2. 层叠等级(stacking level，层叠级别/层叠水平)

   • 在同一个层叠上下文中，它描述定义的是该层叠上下文中的层叠上下文元素在Z轴上的上下顺序。

   • 在其他普通元素中，它描述定义的是这些普通元素在Z轴上的上下顺序。

   • 普通元素的层叠等级优先由其所在的层叠上下文决定。

   • 层叠等级的比较只有在当前层叠上下文元素中才有意义;不同层叠上下文中比较层叠等级是没有意义的。

JS 判断对象是不是数组

前端面试或笔试经典题目之一——判断对象/数组

JavaScript 数组去重(一)

前端面试或笔试经典题目之一——数组去重

「ES6学习」解构赋值（二）

注：本文参考文章 阮一峰 ECMAScript 6 入门

引言

按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

解构赋值语法是一种 JavaScript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

「ES6学习」解构赋值（一）

注：本文参考文章 阮一峰 ECMAScript 6 入门

引言

按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

解构赋值语法是一种 JavaScript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

浅谈 var、let 和 const (三)

前言

在前一篇文章中，我们讲到了 var、let 和 const 有关的变量提升和函数提升。

今天，我们来学习下 var、let 和 const的其他区别点：暂时性死区，重复声明和初始值

浅谈 var、let 和 const (二)

前言

在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。在前一篇文章中，我们讲到了 var、let 和 const 的块级作用域，今天我们主要学习下变量提升和函数提升。

浅谈 var、let 和 const (一)

前言

ES6新增了 let 和 const 两个关键字 ，用于声明变量，这两个命令和 var 有很多不同之处，两者之间也有一些细微的差别。

let 和 const 的用法类似于 var，但是 let 只在所在的代码块内有效，所以我们一般使用 let 替代 var, 用 const 来声明常量。

今天我们主要学习下块级作用域。

JS 中 JSON 类型—— 数据的迭代

0. 什么是JSON？

​ JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。尽管JSON是JavaScript的一个子集，但JSON是独立于语言的文本格式，JSON 数据格式与语言无关，脱胎自JavaScript，但目前很多编程语言都支持JSON 格式数据的生成和解析（维基）。