The Design And Implementation Of Baidu Nuomi Wap Front End Project Based On Front End Engineering Technology

For many Internet products,Web front-end development plays a more important role.However with the growing size of the project,lots of problems come out,the amount of development is getting larger,demands on the performance is getting higher,requirement changes more frequently,iteration cycles are getting shorter,and the coupling with server side is getting higher.In the enterprise project,the most common mode in which an html page corresponds to some CSS files,JavaScript files can not be adapt to such a high development efficiency.In order to improve the work efficiency,a variety of front end engineering technology emerge in an endless stream.However,the various technical tools has its respective scene.How to combine these techniques and tools to serve our projects becomes a crucial problems of all project,because these choices determine code organization way of the project,the development efficiency and quality of the project.Baidu Nuomi wap front-end project is the mobile official website of the mobile Baidu Nuomi,which includes index page,search page,channel page,merchant detail page,commodity detail page,personal center page and so on.The market competition between groupon products is fierce,so new features and requirement changes are frequent,however the overall style of the website is uniform,the elements between different pages are often the same in content,style,function.In order to solve the above problems,Baidu Nuomi wap front-end project builds a project architecture based on a variety of front end engineering technical solutions to enhance the development efficiency,ensuring product quality,optimizing the performance of the pages.System uses Gulp for autobuild tool to organize building tasks in the project,and uses webpack to pack all resources of the website for developers modular development resources,and uses less as CSS preprocessor to simplify develop work,and uses crox as template to improve the reuse rate.In the business logic aspect,system split each page into small components for reuse in multiple pages,and make some performance optimization according to actual requirement.This paper will introduce Baidu Nuomi wap front-end projects,analyse how to apply various front end engineering technology and tools to build the architecture,and the implementation of pages functions and system optimization based on the architecture.The project develops iteratively,and works well on each page function.For developers,the system has good scalability,maintainability,reusability,and ensures the performance of the whole system page,at the same time,greatly enhances the efficiency of the front-end development.