The Design And Implementation Of Front-End Framework Aiming At Baidu Brand Advertisement

With the rapid development of web technology,a variety of web app came into being,and front-end development has entered a period of rapid development.Front-end development is no longer a simple browsing page unit,and due to multiple forms of presentation and complex front-end interaction,the complexity of the front-end development has greatly increased.At the same time,the collaboration between front-end developers becomes more difficult.The concept of front-end architecture appeared,and MV*front-end framework came into the sight of everyone,such as AngularJS,React,and Vue.Based on this background,the front-end framework,which this paper describes,appeared to meet the needs of the front-end development of Baidu brand advertising business.As advisory publishing platform,Baidu brand area provides advertising service for some famous brands and it always appears at the top of the page with search results.Due to business growth and multiple forms of interaction,the old solution which control style using CSS and implement the reusable functions using JS library couldn’t satisfy the business needs,and it couldn’t guarantee the quality of the code either.Therefore,combined with the characteristics of their business,Baidu front-end team developed a front-end framework for their own business.Our front-end framework,drawing on the idea of the mainstream framework,uses MVC thought to build front-end components.The framework uses the component as the core,a component consists of HTML template,data configuration and JS logic,which has good reusability,and the template itself supports inheritance and reuse.To further improve the efficiency of the development,the framework provides automated construction mechanism and automated testing mechanism,and thereby simplify the additional work.Using our framework,the development can be subdivided into the component level.while reducing the repeated development of developer,it also meets the need of multiple advertisement.Because of a set of effective components,collaborative work among the developers are guaranteed,and the development efficiency is improved effectively,at the same time,the loading performance in browser side has been improved.