The Front-end Design And Optimization Of Online Learning Platform

With the development of Internet technology, people are increasingly accustomed to obtain information through the network, and thus online learning platform came into being. Also, people are more restrict on website’s performance, well-designed, high-performance website can improve the user experience, increase user retention, and badly designed, slow-performance site will make the user’s impression poor, and lost users. Therefore, it is even more important for websites to optimize front-end.This article discusses the online learning platform that was for on-line since 2012, with business development, increased functionality and increased volume of users, the original front-end architecture overwhelmed and can not adapt to the rapid development, resulting in a large number of performance problems that affect the user experience Therefore, we optimize the original design from two aspects, framework and performance.The main work of this paper includes:(1) Front-end framework optimization and performance optimization solution. In the framework, mainly from the modular and component two angles. The entire framework layered model is divided into levels of basic libraries, basic components, application-level components, modules, subsystems, and the like. Module at the front uses the MVC pattern, the module register and messaging through the scheduler. Component functions separated into structures and functional logic components for reducing the coupling between components and respond to changes. Performance optimization is a combination of Yahoo fourteen summarize and design.(2) On the basis of the optimization program, combined with specific business were achieved. Display function from the course, message notification, payment of the purchase function, personal settings pages and components associated with login and start learning centers and other functions, to achieve a front-end design and optimization.This article front-end architecture and design thinking in the direction of modular and components is conducive to the development and function of the front-end modular decoupling, improve coding efficiency and maintenance efficiency in front end; Practice in performance optimization compared with other front-end applications performance optimization provide a reference.