Research And Implementation Of Front-End Virtual DOM Framework FVD Based On Flux Architecture

With the increasing emphasis on interactive user experience in the Web application development,the scale of front-end project based on JavaScript is growing.However,the difficulties of code management and maintenance,low reusability,poor scalability,low development efficiency and other issues appear in the development process.Following the design principles of modular development and building a reasonable and efficient front-end framework is increasingly important.In this paper,based on Flux architecture,front-end technologies such as JavaScript,Document Object Model and AJAX,modularization and component design,the front-end virtual DOM framework FVD is implemented.The main contents are as follows: First,analyze the problems of current mainstream MVC model,compare it with Flux architecture and analyze the advantages of using Flux architecture.Then,each module of the FVD framework is analyzed.The Dispatcher scheduler is used to distribute the behavior objects.The Store provides the data storage for the application.The View module designs the page structure.The Action module defines the interaction between the user and the view.The Fetcher module provides server-side data access interface for the program.On this basis,various modules in the framework are designed and implemented.In order to improve the performance of the page,this paper designed three optimization strategies.The First one is the use of virtual DOM technology for the view rendering.The second is introducing the cache mechanism to the underlying AJAX operations in the Fetcher module,which can reduce the time required to request data.The Third is using webpack to build the project.Finally,the paper compares the performance of the FVD framework and the FVD framework with optimization strategies,and applies this framework to the design and modeling system of geological mine roadway,and describes the operation flow of the system.The results show that the optimized front-end framework FVD accelerates the average rendering time of page components,reduces the average response time of data requests and has less average page load time.This paper provides a new development framework for front-end development,which uses a unidirectional data flow to communicate between the various modules.As a result,the front-end Web application has good code decoupling,reusability,scalability and maintainability.