大数据量性能优化:
- 1 . 列表优化
- 大型表单优化
- 表格优化
我们在修改数据的时候,视图就会有响应的变化,视图会去做必要的重新渲染,正是因为这个便捷的功能,给我们带来一些问题:
我们无法简单地控制渲染视图的时机,有一些自动为我们完成,但是,有一些不需要让它为我们自动完成
当数据量非常大的时候呢,这个问题就尤为明显了,因为我们的数据放到vue 中,它要给我们的数据做一个遍历,然后给每一个属性都添加一个getter 和setter
*这样非常的冗余,而且每一次一个数据的一点变动,可能会牵扯到很多数据和视图的变化,这就造成一定的性能问题, *
鉴于此类型能问题做一些优化
列表优化
- 普通的信息呈现列表
- 下拉菜单
iview 的select 组件,一个下拉菜单有好几百个option 数据项,而且一个页面有很多个下拉菜单的话,就会发现选中一个项,会非常的迟钝,
当渲染的option 个数达到6000个,明显就会有卡顿
选中一个,数据改变了,组件会做一个渲染
list 列表的每一项都渲染出来了,现在是6000条数据,他就渲染了6000个li dom节点
当数据量特别大的时候,我们用到了一个插件,'vue-virtual-scroll-list',这个插件,他是一个组件, - checkboxgroups
网友评论