gulp图片压缩
网页性能优化，通常要处理图片，尤其图片量大的时候，更需要工具来批量处理，这里使用gulp。
网页字体设置
做网页时间也不短了，通常网页字体都是拷贝别人家的 “font-family: Helvetica Neue,Helvetica,Arial,sans-serif”。自己也简单研究和查过一些资料，然而容易遗忘。
vue2/vuex2的那点坑
说是坑，其实大部分是我们自己的过错！ vuex官方demo在1.0可以运行，在2.0报错？此类问题，应该很常见吧？ 还有顺溜的利用1.0搭建的webpack编译环境到了vue2.0突然失效了，报错了？简直要疯啊
web自动化工具-Browsersync
browser-sync才是神器中的神器，和livereload一样支持监听所有文件。可是和livereload简单粗暴的F5刷新相比，browsersync的局部刷新造成了本质的区别，推荐使用browsersync。browser-sync更是可以做到多页面终端同步，文件同步，
web自动化工具-livereload
livereload是一个很神奇的工具，主要解放了F5键，监听文件变动，整个页面自动刷新。可搭载gulp等构建工具使用。和liveStyle 针对样式文件相比，可监听任何文件。
web自动化工具-liveStyle
LiveStyle. The first bi-directional real-time edit tool for CSS, LESS and SCSS主要用来编写 样式文件，可以做到 浏览器和编辑器双向同步。