interview/article
vue性能优化
源码优化
s1、代码模块化
2、for循环设置key值(让Vue内部核心代码能更快地找到该条数据,当旧值和新值去对比的时候,可以更快的定位到diff)
3、Vue路由设置成懒加载(首屏渲染的时候,能够加快渲染速度)
4、更加理解Vue的生命周期(不要造成内部泄漏,使用过后的全局变量在组件销毁后重新置为null)。
5、可以使用keep-alive
配置优化
1、修改vue.config.js中的配置项 (productionSourceMap设置为false)
2、使用cdn的方式外部加载一些资源
4、按需引入组件 (如element 中不需要的不引入)
v-if和v-show
v-if 指令用于条件性地渲染一块内容,内容只会在指令的表达式返回 true 值的时候被渲染。v-show 只是简单地切换元素的 CSS property display,不支持 元素,也不支持 v-else。
v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好
var和let的区别
1、作用域不同(var是函数作用域,let是块作用域。)
2、let不能在定义之前访问该变量,但是var可以。
3、let不允许在相同作用域内,重复声明同一个变量。但是var是可以的
柯里化
把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。
转载请注明出处哦!