2021-09-19 Vue知识巩固

1. Vue的生命周期
   是Vue实例从创建到销毁的过程，就叫做Vue的生命周期，从初始化事件，数据，编译模板，挂载Dom，渲染->更新->渲染，销毁的过程
2. v-if和v-show
   v-if是是否通过控制节点是否存在决定是否渲染，v-show是通过设置dom的样式里的display来决定是否渲染，如果第一次编译的时候v-if判断为否，则不编译，如果编译一次，就会有编译缓存，使用条件：如果需要多次显示隐藏组件，使用v-show，否则，使用v-if，因为v-if切换开销大，v-show的初始化开销大
3. keep-alive
   主要是用于避免组件被重新渲染，保留组件状态。
   缓存不活动的组件，防止被销毁
4. 不刷新界面怎么实现路由跳转
   也就是vue-router的两种模式，hash和history，hash模式是用onhashchange监听hash变化，如果有变化就刷新局部。history模式是通过HTML5的history的特性，pushState和replaceState可以跳转url不发送请求，故不刷新界面
5. vue-router的原理
   使用url中的#定位浏览器中的某个位置，HTML5的新特性history
6. 本地存储
   localStotage和sessionStorage，localStorage是长期会话，除非手动删除，否则一直存在，sessionStorage只在浏览器打开期间存在
7. Promise
   实现异步的一种方式，一旦执行就不会停止，可以比较好的解决回调的问题。
8. 水平垂直居中
   • flex居中
   • 绝对居中
   • margin居中
   • table-cell居中、
9. 判断数组的方法
   • Array.prototype.isArrayPrototype(arr)
   • arr.cnstractoy == Array
   • Array.isArray(arr)