2018-01-22 find()和模板字符串

今天认真度80%。

工作完成情况还可以，但大多是重复一直做的工作，对自己的进步促进有限。

幸好学了两个小tips，让焦虑的心情暂时得到缓解：

1，find（）方法，适用于查找数组是否含有某一项，一旦找到则返回该项，并停止继续查找，如果遍历完仍然没有找到，则返回 undefined。接受一个回调函数作为参数。

arr.find((item)=>{

    return item==='abcd'

})

2，es6模板字符串语法。

`字符串字符串字符${ 变量 }串字符串字符串字符串`

特别适用于长字符串拼接

3，这两天发现自己的vue项目中计算属性用得特别少，喜欢初始化data，再在钩子函数或者方法里对data进行改变，甚至在methods里定义方法，返回一个值，这样其实很不简洁，也缺乏可读性。其实完全可以用computed做到，不用担心计算属性太多，以后vue项目要多多改进。

4，让元素上下居中，不能使用简单的绝对定位后，top 50%，bottom 50%，这样只有top会生效，如果要这样使用，还要让元素margin-top：自己的高度/2。但是中心居中可以 top 50%，bottom 50%，left 50%，right 50%，也是奇怪。