Design And Implementation Of Front-end Framework Plug-in Library Based On MVVM Model

With the rapid development of web technology and the advent of mobile internet,large-scale development has been achieved in front-end areas.However,traditional Web development has many problems,such as complicated operation,long development cycle,low performance and difficult maintenance in later.Bugs caused by naming conflicts and difficulties in modifying plugin styles always occur in the use of plugins.The applications based on plugin-in develop-ment can decrease development time,improve application performance and reduce the diffi-culty of maintenance in later.A front-end framework plugin library is proposed by this paper based on M VVM pattern to implement efficient management of plugin.First,on the basis of studying MVVM pattern,Virtual DOM construction method,main fea-tures of plugins,architecture and implementation theory of mainstream plugins at home and abroad,a front-end framework plugin and plugin library architecture design are proposed and implemented.Modular design is adopted in plugin and plugin library,which makes functions independent of each other,reduces the coupling degree.The Virtual DOM is used in the un-derlying,which extends DOM node properties and data processing methods to improve DOM node flexibility and the compilation and rendering performance of page.Second,a set of standardized naming methods are defined in this paper to reduce format con-fusion caused by naming conflicts in plugins usage.The online configuration service is pro-vided to reduce the time of modifying the plugins for front-end developers.The automatic compilation,dynamic packaging,downloads and API documentation are realized to reduce the requirement of hardware configuration and improve the usability of plugins.Finally,function and performance testing of the plugin and plugin library are completed.The testing results show that the functions and performance of the front-end framework plugin library based on MVVM pattern meet the demand of the requirements phase and solve the problems of naming conflicts and style modification difficulties in existing plugin library well.