[20190618]日常学习记录(二)-flex属性及vue实战

早上在看flex属性，总结一下它的优缺点

为什么使用flex，

她和浮动相比，代码更少。浮动要考虑左浮动右浮动，有时还要去清除浮动。flex一行代码就搞定了。

她更灵活，实现平均分配，根据内容大小分配，自动边距实现左右推开，水平居中，垂直居中等等

她在IE10全面支持，IE8部分支持（带前缀）。

所以在移动端放心使用，客户端根据场景使用

客户端也可以结合浏览器检测库使用

下午学vue的实战

兄弟组件间数据传递，

一种简单思路是，子组件触发父组件事件，将数据传递给父组件，再由父组件传递给目标组件

js性能优化，

一个是定义组件的变量，要注意组件是否是由ajax数据渲染出来的，如果是，在取得dom元素的某些属性值，应当在change生命函数钩子中取得。

另外一个是减少函数触发实现截流，把要执行的代码放在settimeout中，延迟十几二十毫秒执行，赋值给一个timer，如果期间timer已经存在，就清除它以实现截流。

这些优化在touchmove这类不断触发的事件比较常用。