基于MVVM模式的前端框架插件库设计与实现

摘要

随着Web技术的快速发展和移动互联网的到来，前端领域实现了大跨步发展。然而，传统的Web开发操作较繁琐复杂、开发周期较长、性能低、后期维护困难，特别在插件使用方面存在命名冲突、修改插件样式困难等问题。基于插件开发的应用程序，可减少开发时间、提高应用程序性能及降低后期维护困难度，论文提出一种基于MVVM模式的前端框架插件库，实现对插件的高效管理。　　论文首先在研究MVVM模式、VirtualDOM构建方法、插件的主要特性、国内外主流插件的体系架构及实现原理的基础上，提出了一种前端框架插件及插件库架构设计并进行了实现。插件及插件库采用模块式设计，各功能之间相互独立，降低耦合度；底层使用VirtualDOM，通过VirtualDOM扩展DOM节点属性及数据处理方法，提高DOM节点的灵活性和页面的编译、渲染性能。　　论文其次对插件库定义了一套标准化命名方式，减少插件使用时因命名冲突引起的格式问题；提供在线配置服务，减少前端开发者修改插件的时间；实现自动化编译、动态打包、下载及API文档，降低插件对硬件配置的要求，提高插件的易用性。　　论文最后对插件和插件库进行功能及性能测试，测试结果表明，基于MVVM模式的前端框架插件库的功能及性能均满足需求阶段的要求，很好地解决了命名冲突、样式修改困难等现有插件库存在的问题。

目录

1绪论

1.1.2选题意义

1.2.1国外研究现状

1.3研究目标及内容

1.3.2研究内容

1.4本文的组织结构说明

2插件库相关技术研究

2.2模块化技术

2.3.1指令集

2.3.2表达式

2.4基于数据驱动模型的VirtualDom树的构建方法

2.4.2 VirtualDOM树编译

2.4.3 VirtualDOM树渲染

2.5 Node.js和Express

2.6 Less

2.7本章小结

3插件库需求分析

3.3插件库功能性需求分析

3.4插件库非功能性需求分析

3.4.2性能需求分析

4插件库设计

4.3插件设计

4.3.2数据接口设计

4.3.3插件编译渲染设计

4.4插件库功能设计

4.4.1 API文档

4.4.4插件库维护

4.5.3数据库物理设计

4.6本章小结

5插件库实现

5.2.2缓冲动画插件

5.2.4分页插件

5.2.6日期插件

5.2.8开关插件

5.3 API文档

5.3.1图表插件

5.3.2轮播图插件

5.3.3选择框插件

5.3.4地址插件

5.4在线配置

5.4.2分页插件

5.4.3图片放大镜插件

5.4.4日期插件

5.4.5折叠插件

5.5下载

5.5.1动态打包

5.5.3动态修改样式文件

5.7本章小结

6插件库测试

6.3.1功能测试

6.3.2性能测试

6.3.3测试结果分析

7总结与展望

致谢

参考文献

攻硕期间发表的学术论文及研究成果