20180204

rem布局

1. 小圆圈实现不完美

用rem做极小的小圆圈（border-radius: 50%），实测效果有些小圆圈是椭圆形的。

1. rem布局推荐用postcss插件px2rem，利于ui还原

vue开发

1. scoped类似css module，原先class name会被替换，所以保证作用域唯一。如果希望共享css内容，则不能加scoped。
2. component + slot

componentslot模式，非常方便拆分代码，保证低耦合高内聚。我做了一个弹框component，应用于各个page页面的弹框提示。

1. 更新data，更新视图

利用引用数据类型的特点，更改data的属性，vue重新渲染视图。挺好用的，有点像jq的data属性。

1. methods与computed

用methods计算属性。

webpack

打入环境变量，区分不同的编译部署任务。建议把环境变量配置在某一文件内，在webpack执行的时候，执行if else，引入各自的环境变量。

css

1. dib + ta-c + padding 实现中间元素自适应宽度，而不是占满整个父级元素的宽度