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

使用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

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

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

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

  • 本文向大家介绍你有用过预渲染技术吗?怎么做的?相关面试题,主要包含被问及你有用过预渲染技术吗?怎么做的?时的应答技巧和注意事项,需要的朋友参考一下 预渲染的核心是使用 prerender-spa-plugin new PrerenderSPAPlugin({ staticDir: path.join(__dirname, 'dist'), routes: [ '/', '/home', '/inf

  • 本文向大家介绍你是怎么优化你的 ts 代码的?相关面试题,主要包含被问及你是怎么优化你的 ts 代码的?时的应答技巧和注意事项,需要的朋友参考一下 你是怎么优化你的 ts 代码的? 作者:rottenpen

  • 1. 简介 本小节我们将介绍 Vue 渲染函数。包括什么是渲染函数、虚拟 DOM、如何编写渲染函数。渲染函数是一个难点,通常在一些简单的项目中不会使用,在处理一些复杂的业务场景时,使用渲染函数往往可以达到事半功倍的效果。 通过本小节的学习我们可以掌握渲染函数的基本用法,如果同学们学完本小节之后对此还不是特别熟悉也没有关系,我们可以先将基础知识融会贯通,然后再对该知识点多加练习,相信同学们一定可以熟