页面优化及js性能优化有哪些

问：页面优化 有哪些
答：
1、压缩图片资源
2、减少请求次数
3、删除无用的代码
4、页面异步加载
5、优先使用局部变量
6、多使用缓存

问: js性能优化有哪些
1.尽量使用原生方法
2.使用switch替代if-else
switch(表达式) {
n:
代码块
break;
case n:
代码块
break;
default:
默认代码块
}
3. Vue vue 中 v-if 与 v-show 的区别以及使用场景 区别
1.手段：
v-if 是通过控制 dom 节点的存在与否来控制元素的显隐；
v-show 是display 样式block 为显示，none 为隐藏； 
v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁 和重建内部的事件监听和子组件；
v-show 只是简单的基于 css 切换； 
v-if 有更高的切换消耗；v-show 有更高的初始渲染消耗；
4、页面异步加载
5、keep-alive 标签的作用 可以缓存组件的内容,避免组件反复加载,影响效率
例如：返回时返回到原先的位置
6、封装可复用性组件

7.插入迭代值，当使用迭代值（也就是在不同的位置进行增加或减少的值）的时候，尽可能合并语句。
var age = values[i] i++ 变
var age = values[i++];
8.使用数组和对象字面量
使用构造函数总是要用到很多语句来插入元素或定义属性 var values = new Array(); 3 values[0] = 123;
使用数组和对象字面量 语句 一条语句创建和初始化数组， var values = [123, 456, 789];
9.使用解构 let {a } = this.state
10.对象中 {a:a} = {a}