posts

• 对于一些简单的图标如果使用svg图标会比普通图片更小
• svg 的图片是矢量图形，放大缩小不会产生锯齿
• 支持通过 css 修改样式、增加动画
• 自身也支持动画

由于是单页面，在页面切换后，定时器没有被清除，在再次回到页面时，使得两个定时器同时工作，时间流逝加倍。使用 beforeDestroy() 来清除定时器

通过使用 preload、prefetch 来优化页面加载

记录一些遇到的css问题，不同的设备对css的支持不一样，可能出现不同的效果

Module基本用法

• 通过 Module 的 export 与 import 来分割代码，集中相同的代码，优化逻辑

Map 类似于对象，但是“键”的范围不限于字符串，各种类型的值(包括对象)都可以当作键

• Map构造函数接受数组(任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构)作为参数

Set 类似于数组，但是成员的值都是唯一的，没有重复的值

• Set 是一个构造函数，用来生成 Set 数据结构
• Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数

ES6引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）

ES6允许使用箭头 => 定义函数，简化函数的写法

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理。

ES6允许按照一定模式，从数组、对象或字符串中提取值，对变量进行赋值，这被称为解构（Destructuring）