热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

列表动态显示固定行数和使用虚拟dom,哪一种的性能提高更多?

项目中有一个非常大的列表,数据量达到1000行,而且30秒要更新一次数据,导致页面非常的卡。最近在使用vue做优化,使用上了鼎鼎大名的虚拟dom,但是现在出来的效果并不是特别的理想。列表

项目中有一个非常大的列表,数据量达到1000行,而且30秒要更新一次数据,导致页面非常的卡。
最近在使用vue做优化,使用上了鼎鼎大名的虚拟dom,但是现在出来的效果并不是特别的理想。列表在更新时确实会比较快,但是由于dom还是很大,所以其他的操作依旧很慢,特别是重绘时间非常的长。
于是又想到了,利用滚动事件,每次获取固定数量的数据做展示,但是发现因为滚动时一直在做dom更新,加上虚拟dom的对比函数,滚动的效率特别的差。
想问下大家,这两者,到底哪一个的优化性能是比较好的,或者有什么方法能够最大优化经常更新的又很大的列表。





   



推荐阅读
  • 本文详细介绍了如何使用JavaScript实现数据的双向绑定,包括MVVM架构的基本概念、不同框架下的实现方式以及具体的代码示例。 ... [详细]
  • 本文讨论了如何在二级域名之间使用document.domain属性来实现Cookie的跨域共享,并分析了一个具体案例中的问题。 ... [详细]
  • Vue项目中应用骨架屏实践
    在当前开发的项目中,由于登录过程涉及多次重定向,导致用户体验不佳。为了改善这一状况,本文介绍了如何使用vue-skeleton-webpack-plugin插件在Vue项目中实现骨架屏,以减少用户感受到的白屏时间。 ... [详细]
  • 使用 VSCode 配置 launch.json 启动 Vue 项目时遇到问题的解决方案
    本文介绍了如何在 VSCode 中通过配置 launch.json 文件来启动 Vue 项目,并提供了当项目运行中途出现错误时的解决方法。 ... [详细]
  • 解决Vue项目离线创建问题
    当使用vue-cli工具通过命令`vue init webpack demo`创建Vue项目时,可能会遇到连接超时错误,这通常是因为网络问题导致无法访问远程服务器。本文将介绍如何通过离线方式成功创建Vue项目。 ... [详细]
  • 本文详细介绍了 Vue 路由中的跳转方法、参数传递(包括 query 和 params)以及如何在目标组件中接收这些参数。 ... [详细]
  • Vue中运用Getter实现状态计算
    对于刚接触Vue框架的新手来说,如何有效利用Vuex中的Getter进行状态计算可能是一个挑战。本文将通过具体示例,详细介绍Getter的使用方法,帮助开发者更好地理解和应用这一功能。 ... [详细]
  • 探讨Vue项目在首次加载时可能出现的延迟和短暂白屏问题,并提供有效的优化策略。 ... [详细]
  • 本文介绍了如何使用外向烧鹅IO库来封装GET请求的具体步骤,包括库的安装与配置、请求拦截器的设置以及如何在Vue项目中调用这些封装好的请求方法。 ... [详细]
  • 本文详细探讨了 Vue3 中 ref 和 reactive 的主要区别,包括它们在模板中的使用方式、Vue 如何处理这两种数据类型以及如何判断数据类型。 ... [详细]
  • 案例1:在子组件中两个按钮1和-1,点击后修改count整个操作的过程还是在子组件中完成,但是之后的展示交给父组件这样,我 ... [详细]
  • Node.js与npm安装及Vue项目搭建指南
    本文详细介绍了如何安装Node.js和npm,以及如何使用npm安装Vue及其相关工具,包括vue-router和vue-cli,并创建一个简单的Vue项目。 ... [详细]
  • 本文探讨了如何通过webpack将大型前端项目拆分为多个小型模块,并在主项目中正确引用这些打包后的模块。 ... [详细]
  • 本文介绍了如何在VSCode中安装和使用代码格式化插件,如Beautify,并提供了详细的步骤指导,包括如何通过快捷键快速格式化JavaScript和CSS代码。 ... [详细]
  • 本文介绍了如何在Vue项目中通过路由配置和组件缓存,实现在用户点击返回按钮时,页面能够保持之前的状态和数据。 ... [详细]
author-avatar
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有