The Component Development And Performance Optimization Of Mobile Web Application

With the rapid development of the Mobile device and the Mobile Internet,according to China's latest Internet Network development status report,as of June 2016,the number of Internet users in China has reached 710 million.Among them Mobile phone users 656 million,Mobile Internet age has already begun,it has been the new battle of the Internet industry field.In order to adapt to the rapid development of mobile development technology,the Mobile Web App,which based on HTML5 technology,came into being.Web App is a new generation of Web technology using HTML5 to achieve specific functions,and run on Network and browser for mobile applications.With the continuous improvement of equipment performance,the user experience of the mobile Web App is also approaching the client application.Compared to the already known Android apps and IOS Application,the biggest advantage of the mobile Web App is the development process is efficient,version iterations quickly,and do not have to download and install while we need update.It has the inherent attributes that support cross-platform.However,compared with the client application,mobile Web App also has the low stability and poor compatibility.In this paper,Mobile Web App Component Development is a fast development model designed for Web App development.In the large software projects,component development can reduce code change costs.In addition,the power,memory and other resources of the mobile device is very limited,it is important to improve the performance of mobile applications.As performance on mobile services becomes more complex,performance optimization is becoming more and more important.During my graduate period,I have worked in Tencent Technology(Shenzhen)Co.,Ltd.-Social Networking Group-Social Platform department as a software development intern.My main work is to participate in the construction and maintenance of Qzone mobile Web infrastructure base library,and use the basic component library to develop the web app embedded in the Qzone client and make the necessary performance optimization.The component development of Web App and performance optimization topics described in this paper are derived from projects during the internship.This paper introduces the development background and development status of mobile Web App,introduced Web App related technologies HTML5,CSS3,jQuery.And then introduced the component development model,based on Qzone introduced the basic component library construction process.The basic component library mainly includes scroll component,pay component,draw component,address component,record component and share component.And with an example of the development of Web App detailing the component development process.And then from the scripts loading optimization,CSS Sprites,GZIP compression optimization three aspects discusses the Web App performance optimization program.Finally,the paper summarizes and prospects the Web App component development technology and performance optimization technology,as well as Web App on the development of mobile Internet positive effects.