-
题名基于虚拟DOM的Web前端性能优化研究
被引量：15
- 1
-
-
作者
戴志诚
程劲草
-
机构
华中师范大学国家数字化学习工程技术研究中心
-
出处
《计算机应用与软件》
2017年第12期21-25,31,共6页
-
基金
国家科技支撑计划子课题(2015BAH33F0202)
-
文摘
随着Web前端的不断发展,Web页面变得越来越复杂,强交互性带来页面状态的疯涨,用于更新页面的DOM操作也越来越多。然而频繁的DOM操作使得页面渲染缓慢,造成前端性能瓶颈。在分析造成此问题原因的基础上,介绍一种由虚拟DOM和Diff算法来优化DOM操作的方法。通过分析传统Tree-Diff与DOM-Diff算法,对现有Diff算法做出改进。最后搭建测试平台,对改进后算法(Virtual-DOM)、React JS以及原生JS进行渲染性能测试,并对测试结果进行对比分析。测试结果表明:虚拟DOM确实可以优化浏览器的渲染性能,且在特定的情况下,DOM-Diff改进算法效果比React JS更理想。
-
关键词
Web前端性能优化
虚拟dom
Diff算法
ReactJS
-
Keywords
Web front-end performance optimization
virtual dom
Diff algorithm
ReactJS
-
分类号
TP302.7
[自动化与计算机技术—计算机系统结构]
-
-
题名基于Dom Diff算法分析React刷新机制
被引量：6
- 2
-
-
作者
严新巧
白俊峰
-
机构
四川托普信息技术职业学院计算机系
-
出处
《电脑知识与技术》
2017年第6X期76-78,共3页
-
文摘
React组件化思想为开发者前端开发提供了新的思路,由于React的Visual Dom让开发者不用担心刷新页面带来渲染方面性能问题,而Visual Dom的核心算法就是React Diff算法,它确保只对界面上需要刷新的部分进行刷新,让开发者只需关注于业务本身。该文基于对React Diff算法的研究来分析React组件的生命周期,理解Virtual Dom的核心算法,方便以后React程序优化。
-
关键词
React组件
虚拟dom算法
渲染
-
Keywords
React component
virtual dom algorithm
render
-
分类号
TP301.6
[自动化与计算机技术—计算机系统结构]
TP393.09
[自动化与计算机技术—计算机应用技术]
-
-
题名基于Vue前端性能的研究与分析
被引量：5
- 3
-
-
作者
季甜甜
刘冬冬
-
机构
阜阳师范大学计算机与信息工程学院
-
出处
《阜阳师范大学学报（自然科学版）》
2024年第1期15-22,共8页
-
基金
安徽省自然科学基金面上项目(2008085MF215)
安徽省高等学校自然研究重点项目(KJ2021A0682,2023AH050406)。
-
文摘
Vue.js是一种流行的JavaScript框架,它采用了MVVM架构模式。MVVM架构模式将前端应用程序分为视图、模型和视图模型三个部分,从而使应用程序更易于维护和扩展。本文对Vue.js前端应用程序的特点和性能进行分析,包括使用虚拟DOM、异步组件、懒加载等技术来减少页面的重新渲染和加载时间,以及使用Diff算法来优化页面的更新和渲染。以期提高前端应用程序的性能和渲染效率,提升用户的满意度和体验感。
-
关键词
Vue
MVVM模式
虚拟dom
Diff算法
-
Keywords
Vue
MVVM
virtual dom
Diff algorithm
-
分类号
TP311.52
[自动化与计算机技术—计算机软件与理论]
-
