The Design And Implementation Of An E-Commerce Site Front-end System Based On The Componentization

With the development of Internet technology,growing way of people to the Internet,the network has gradually penetrated into all aspects of people's life,people are no longer limited to shopping in the store and offline store,began to more and more application of the network platform for shopping.More and more people are using e-commerce sites for shopping also has given rise to the further development of web technology,especially in order to match the user better shopping experience of online shopping demand for web interaction technology,front-end technology is also in rapid development.The modular thought is put forward,according to the different functions are divided into different components,each component has the function of independent travel through the nested combination of components,the component assemble into the front end of the page is structured to build mobile terminal adapter version of e-commerce sites.By Using the React as basic framework of the project,SasS as CSS compiler to improve the development efficiency of CSS styles,gulp and Webpack front-end automation task to build the entire front-end system of e-commerce sites.React provides a complete set of apis that developers can form a complete modular engineering based on it,based on the React,can create a component class by the React to provide apis to communicate between components to realize the combination of components nested form page.Relying on the React to provide virtual DOM,state of the page changes,able to compute the new virtual page with a different virtual page to update only on a different part of the actual page,improve the performance of the system.Through the React to build componentization project,due to the independence of the components and high reusability,greatly reduced the amount of code,the height of the component reusability and maintainability,improve the development efficiency of the page,reduce the maintenance cost of the system.The current system has been launched and stable operation,through the React technology stack build good adaptation of the size of all mobile phone and mobile phone mobile adaptation version of the application system of e-commerce sites to the user provides a good interaction experience shopping environment.