论文部分内容阅读
随着前端应用内容、形式、功能日益复杂化,数据处理和交互呈爆发式增长,前端的性能问题又一次成为研究热点。一直以来,PC端的性能远高于移动端,渲染性能问题并不严重,但移动端web市场爆发后,渲染性能问题亟待解决。前端众多的渲染框架中,Vue框架受到了企业和开发者的广泛欢迎,本次研究根据Vue作者尤雨溪指出的该框架渲染相关的优化方向,对Vue 2.6的渲染算法进行了改进。原版Vue 2.6的渲染算法是diff算法,该算法基于Virtual DOM思想,虽然有效减少了渲染过程中对真实DOM的操作次数,并提高了渲染性能,但是仍然有很大的优化空间。本次研究在原版Vue 2.6框架的基础上提出了两个优化方案:优化方案一增加了对Virtual DOM节点的静态检测,使静态节点在页面更新时不重复渲染;优化方案二对diff算法中最耗时的子节点比较的部分进行改进,显著减少在页面更新过程中对真实DOM的操作次数。本次研究在Android端、PC端对两个优化方案进行了测试,实验结果表明,相比原版Vue 2.6框架,第一个优化方案的渲染性能提升不是很明显;第二个优化方案取得了显著的优化效果,渲染性能提升幅度高达89.62%,页面渲染时间最多减少了约2000 ms;结合了两个优化方案的Vue框架取得了更好的渲染优化效果,其中,第二个优化方案有主要的优化作用。本次研究对前端框架Vue 2.6提出了两个优化方案,改进了该框架的渲染算法,很大程度地提升了Vue 2.6的渲染性能,本次研究对众多基于Virtual DOM思想的前端框架的改进研究具有一定的参考意义。