Class 类

• ES6 引入了‘类’这一概念，作为对象模板，更接近传统语言的写法(面向对象)
• 但它只是 ES5 的语法糖，它的绝大多数功能 ES5 都可实现
• 引入它是为了更像“面向对象”编程的语法

阅读更多

Symbol 数据类型

ES6 引入了一个内置全局函数，该函数会创建一个新的原始数据类型，表示独一无二的值

阅读更多

ES6 函数参数默认值

1
2
3
4
5

function add(a, b, c = 10) {
  return a + b + c;
}
let result = add(1, 2);
result; //13

阅读更多

set 集合及方法

• 它是一种数据结构
• 类似于数组，但成员的值都是唯一的
• 实现了迭代器接口，可以使用扩展运算符和for ...of遍历

属性和方法：

• size：返回集合的元素个数
• add：增加一个新元素，返回当前集合
• delete：删除元素，返回一个boolean值
• has：检查集合中是否包含某元素，返回boolean值

阅读更多

ES6-变量解构赋值变量解构赋值

• ES6 允许从对象或数组中提取值，对变量进行赋值，这被称为解构赋值
• 凡是有迭代器接口的数据，就都可以解构，常见的有迭代器接口的数据就是数组、对象

阅读更多

Promise：解决回调地狱

另一个新的异步编程解决方案。语法上它是一个构造函数，用来封装异步操作并获取其成功或失败的结果

• Promise 构造函数：

1

Promise(excutor){}

阅读更多

let 变量–特性

let 不能重复声明

防止变量污染

1
2

let a = "Crushdada";
let b = "Crushdada";

阅读更多

ES6-理解 let 与块级作用域

举个栗子

1
2
3
4
5
6
7
8
9
10
11

for (var i = 0; i < 3; i++) {
  //此处i默认为var类型，不写亦可
  setTimeout(function () {
    console.log(i); //依次输出3,3,3
  }, 1000);
}
for (let j = 0; j < 3; j++) {
  setTimeout(function () {
    console.log(j); //依次输出0,1,2
  }, 1000);
}

阅读更多

ElementUI

一款基于 Vue 的桌面端 UI 框架，和bootstrap一样对原生 html 标签进行了封装，便于美化

Let’s start！

ElementUI 官方文档

阅读更多

Vue-Plugin

之前所用的Vue.use,是注册插件的一种方式，它也可以用来注册组件，这需要先把组件封装成插件

阅读更多