The Design And Implementation Of Web Front-end Application Framework MX Based On JQuery

The content of the traditional website is relatively simple, so only a small quantity of JavaScript, HTML, and CSS code is needed to implement the web font-end. But with the rapid development of the Internet, modern web browers can provide users with more rich content and more interactive modes, so the scale of the project increased rapidly. Thus the complexity of web application is growing quickly. As a result, web application is harder to manage and maintain and the relability of web application is lowered.Introducing modular development to web development and using OO to improve reusability, maintainability, and reliability by promoting modularity is an effective way to solve the complexity of web application. This paper aims to extend the OO application framework pratice to web development and to build a web font-end framework MX (Magic Express) suitable for web development on basis of JavaScript. And this will realize the union of the modularity, OO application framework and JavaScript, the core language of web application.The paper discusses the business requirement of the MX framework, describe the overall architecture of the framework, and give a detailed analysis of the system function. On basis of that, the paper analyzes the design and implementation of the core modules of MX framework such as’Event Driven’,’UI system’, and’Data Binding’and so on.MX framework let the developers use OO programming style to development web application, which improve the readibility and maintainability of the code. The use of MX framework in two projects (mobile taxi platform and traffic data analysis) indicates that the core module introduced in the paper can help web developers to solve the common problem in web development such as dependency import, event driven programming style, reuse of UI componnets, and data binding and so on.