饿了么表格性能优化
原文中文,约500字,阅读约需1分钟。发表于: 。饿了么表格性能一直是有些问题的,特别是使用了固定列,表格会把固定列克隆出来一份,这样会导致渲染很多冗余DOM,随着数据量的增加,冗余DOM也会变多,如果固定列再使用插槽,里面嵌套复杂的组件,性能...
饿了么发现使用固定列时会导致冗余DOM,最近发现可以使用position: sticky来解决这个问题。实现思路是给表头表体表尾增加固定列类名,计算每个固定列的偏移值,并在拖拽表头时重新计算偏移值。缺陷是不能有间隔。通过粘性布局处理固定列,性能好且不影响以前的功能。