零碎知识点 (取消div,a等标签点击效果)

:link、:hover、:active和:visited的区别？

:link表示鼠标点击之前，也称为原始状态
:hover表示鼠标悬停状态
:active表示鼠标点击状态
:visited表示鼠标点击之后状态

取消div,a等标签点击效果

div{
-webkit-tap-highlight-color:rgba(0,0,0,0); 
}

1 .好看的英文字体

p {
      font-family: Times, TimesNR, 'New Century Schoolbook',
     Georgia, 'New York', serif;
}

2. Tree shaking
   Tree shaking，即是指消除JavaScript上下文中无用代码，或更精确地说，只保留有用的代码。它依赖于ES6模块 import / export 模块系统的静态结构(static structure)来检测哪一个模块没有被使用，因为，import 和 export 不会在运行时改变。说的再直白一点就是Tree shaking 从模块包中排除未使用的 exports 项。
   webpack 2 内置引入的 Tree-shaking 代码优化技术。