当前位置: 首页 > 面试题库 >

使用vue渲染大量数据时应该怎么优化?说下你的思路!

诸福
2023-03-14
本文向大家介绍使用vue渲染大量数据时应该怎么优化?说下你的思路!相关面试题,主要包含被问及使用vue渲染大量数据时应该怎么优化?说下你的思路!时的应答技巧和注意事项,需要的朋友参考一下

虚拟列表:vue-virtual-scroll-list,vue-virtual-scroller……
冻结属性,让不必要的属性不响应:Object.freeze, 或者使用 Object.defineProperty 将对象属性的configurable设置为false,源码:vue/src/core/observer/index.js

 类似资料:
  • 如何在react中使用requestIdleCallback来实现大量数据的渲染优化? 目前通过这种方式处理之后最后一组数据屏幕一直闪烁,请教一下大佬们。 这里只是测试的数据,之所以没采用虚拟列表是因为真实数据中的每一项的高度不固定,虚拟列表处理起高度计算有点复杂。

  • 想要实现下面的功能,两个组件之间还有一个小图标,点击出现弹窗,我的思路是使用antvx6使用vue组件渲染Label然后点击出现弹窗,只实现了html渲染怎么使用vue组件渲染。 官网上有react直接实现的例子

  • AntvX6使用Vue渲染Label 使用html是可以渲染这个label

  • 问题内容: 在发布此问题之前,我尝试在sqa stackexchange中进行搜索,但是我没有找到有关浅层和渲染的文章,因此希望有人可以在这里为我提供帮助。 什么时候应该在测试反应组件时使用浅化和渲染?根据airbnb文档,我对两者的区别提出了一些意见: 由于浅层将组件 作为一个整体 进行测试,因此应将其用于“父级”组件。(例如桌子,包装纸等) 渲染用于子组件。 我问这个问题的原因是,我很难确定应

  • 优化提升渲染性能,不仅能让页面更快的展现、可交互,同时能提升用户操作滚动的流畅度,对提升用户体验至关重要。 避免不必要的更新对比 Rax 同 React 一样,render 时会有 vdom 对比,如果对比发现 DOM 没有变化时,不会去真正更新页面。而本身 vdom 对比也是不小的消耗,你应该避免这种不必要的更新对比,使用 shouldComponentUpdate 方法明确标识你的组件什么时候

  • 本文向大家介绍网站首页有大量的图片,加载很慢,要是你,你该怎么去优化呢?相关面试题,主要包含被问及网站首页有大量的图片,加载很慢,要是你,你该怎么去优化呢?时的应答技巧和注意事项,需要的朋友参考一下 问题不同解决的方法也不同 1,启动页面时加载过多的图片 使用瀑布流==》懒加载 使用雪碧图==〉多个小图放在一个大图上 使用骨架图 首屏优先加载 2,部分图片体积过大 一张100px100px的图片,