Web Platform Front-end Development Design Implementation And Applications

With the web environment into the web2.0 era, the front-end functions of the website platform from the traditional static data display, to provide users with complex web services and excellent user experience; increasingly complex business needs led to huge HTML Doc-uments and serious code coupling, resulting in poor code expansion, difficult to reuse, itera-tive difficulties and so on. A large number of document elements, to the site loading and in-formation rendering a new challenge. At the same time, the front-end is in a period of conten-tion, technology is developing rapidly, HTML5 and ES6 proposed new standards for front-end injection of fresh blood, and most of the existing framework although in some ways to achieve the front-end decoupling, but can not get rid of service So the optimization of in-formation rendering and loading mode, front-end parallel development, to achieve the separa-tion of front-end not only the needs of the development process, but also to achieve high availability code, the only way low coupling.The author of this paper has studied the development mode of platform commonly used in the development of multiple front-end projects. Based on the two application scenarios -user portal system and background management system, this paper proposes a development mode suitable for both, and realizes the scheme of separating front and back ends in different scenarios. In the user system based on the first screen rendering page loading program. To solve the front-end high coupling, front-end code logic poor scalability and low due to the huge elements of the page load caused by slow and so on. In the background management system put forward the concept of hierarchical, and on this basis, the modular development model.This paper mainly focuses on the following points: In the user portal system, we propose the idea of using Node.js as the middle layer of browser and server, to realize the message forwarding and user information rendering, and to design the page load based on the first screen rendering Mechanism, optimize the home loading process; design data disaster recov-ery program to ensure a weak network environment, the user experience. In the management system, the code layered solution is proposed to realize high reusability of the code logic; de-sign independence of the functional modules to achieve functional decoupling, conducive to the development process of system expansion and iteration. In the end, this two type of framework was used in the cloud computing platflom.