本文選題：移動互聯(lián)網　切入點：Web　出處：《山東大學》2017年碩士論文　論文類型：學位論文

【摘要】：近年來,智能移動設備快速普及,移動互聯(lián)網迅猛發(fā)展,根據我國最新的互聯(lián)網發(fā)展狀況統(tǒng)計報告,截至2016年6月我國網民數(shù)量已經達到7.10億,其中手機網民6.56億[1]。移動互聯(lián)網時代早已經開啟,成為了互聯(lián)網行業(yè)的新戰(zhàn)場。為了適應快速發(fā)展的移動端開發(fā)技術,基于HTML5技術的移動端Web App應運而生。Web App是利用HTML5等新一代Web技術實現(xiàn)特定功能,并且運行于網絡和瀏覽器的移動端應用程序。隨著設備性能的不斷提高,移動端Web App的用戶體驗也漸漸逼近客戶端應用。相對于已被人熟知的Android應用和IOS應用,移動端Web App最大的優(yōu)勢就是不需要下載安裝即可使用,用戶通過掃一掃二維碼,或者通過推送的URL即可打開應用,又無需安裝、更新或卸載。并且移動端Web App開發(fā)過程高效,版本迭代迅速,具有支持跨平臺的內在屬性。當然與客戶端應用比起來,移動端Web App也存在穩(wěn)定性低,兼容性差等問題。本論文所述的移動端Web App組件化開發(fā),是針對Web App開發(fā)而設計的一種快速開發(fā)模式。在大型軟件項目開發(fā)中,組件化開發(fā)能減少代碼變更代價,每次變更業(yè)務需求時甚至不需要修改代碼,僅僅是變更相關配置就可以實現(xiàn)新需求,可以大大提高開發(fā)效率,提高代碼重復利用率,降低維護成本。另外,移動端設備的電量、內存等資源十分有限,提高移動端應用性能的意義不言而喻。在移動端業(yè)務需求越來越復雜的情況下,Web App性能優(yōu)化的意義也越來越重要。作者讀研期間,在騰訊科技(深圳)有限公司-社交網絡事業(yè)群-社交平臺部做過一年軟件開發(fā)實習生。作者的主要工作就是參與Qzone移動端Web App基礎組件庫的構建、維護,以及利用基礎組件庫快速開發(fā)手機版QQ空間客戶端內嵌的各種Web App,并且對其進行必要的性能優(yōu)化。本論文所述的Web App組件化開發(fā)及性能優(yōu)化課題,是來源于實習期間所做項目。本論文首先介紹了移動端Web App的發(fā)展背景與發(fā)展現(xiàn)狀,引入了 Web App相關技術HTML5、CSS3、jQuery的介紹。然后介紹了基礎組件庫和組件化開發(fā)模式,以Qzone業(yè)務為背景介紹了基礎組件庫的構建過程,基礎組件庫主要包括滾屏組件、支付組件、抽獎組件、獲獎記錄組件、地址填寫組件和分享定制組件,并且以一個Web App的開發(fā)實例詳述了利用基礎組件庫進行組件化開發(fā)過程。隨后從腳本加載優(yōu)化、CSS圖像拼合技術優(yōu)化、Gzip壓縮技術優(yōu)化三個方面探討了Web App性能優(yōu)化的方案。最后,論文總結并展望了 Web App組件化開發(fā)技術和性能優(yōu)化技術,以及Web App對移動互聯(lián)網發(fā)展所起的積極作用。
[Abstract]:In recent years, intelligent mobile devices have been rapidly popularized, and mobile Internet has developed rapidly. According to the latest statistical report on Internet development in China, the number of Internet users in China has reached 710 million as of June 2016. Mobile Internet users 656 million [1]. The era of mobile Internet has already opened, and has become a new battlefield of the Internet industry. In order to adapt to the rapid development of mobile development technology, The mobile end Web App based on HTML5 technology emerges as the times require. Web App is a mobile terminal application program which uses the new generation Web technology such as HTML5 to realize the special function and runs in the network and browser. The user experience of mobile side Web App is also getting closer to the client application. Compared with the well-known Android and IOS applications, the biggest advantage of the mobile side Web App is that it can be used without downloading and installing, and the user can scan the QR code by sweeping the QR code. Or you can open the application with a push URL without having to install, update, or uninstall it. And the mobile Web App development process is efficient, version iterations are fast, and it has built-in properties that support cross-platform, of course, compared to client-side applications. The mobile Web App also has some problems, such as low stability and poor compatibility. In this paper, the component development of mobile Web App is a rapid development mode designed for Web App development. Component development can reduce the cost of code change, change the business requirements without even modifying the code, just change the related configuration can realize the new requirements, can greatly improve the development efficiency and code reuse. Reduce maintenance costs. In addition, the power of mobile devices, memory and other resources are very limited, The significance of improving the performance of mobile applications is self-evident. The significance of optimizing the performance of App is becoming more and more important when the requirements of mobile services are becoming more and more complex. Worked as a software development intern in Tencent Technology (Shenzhen) Co., Ltd. Social Network Group, a social platform department for one year. The author's main job is to participate in the construction and maintenance of the Web App basic component library on the Qzone mobile side. And using the basic component library to quickly develop various kinds of Web Appas embedded in the client side of QZone's mobile computer, and carry on the necessary performance optimization to them. The Web App componentized development and the performance optimization project described in this paper, This paper first introduces the development background and current situation of mobile Web App, introduces the Web App related technology, then introduces the basic component library and the componentized development mode. This paper introduces the construction process of basic component library based on Qzone business. The basic component library mainly includes scrolling component, payment component, raffle component, winning record component, address filling component and sharing custom component. In this paper, a development example of Web App is given to illustrate the process of component-based development using basic component library. Then, the scheme of Web App performance optimization is discussed from three aspects: script loading optimization, Web image assembly technology, and Gzip compression technology optimization. This paper summarizes and prospects Web App component development technology and performance optimization technology, as well as the positive role of Web App in the development of mobile Internet.
【學位授予單位】：山東大學
【學位級別】：碩士
【學位授予年份】：2017
【分類號】：TP311.56;TP393.09

【相似文獻】

相關期刊論文 前10條

1 Lynda Allen;;Windows XP Embedded SP2 Feature Pack 2007組件化增強[J];中國電子商情(基礎電子);2007年05期

2 楊正武;;企業(yè)管理信息系統(tǒng)組件化信息資源分析與設計[J];商業(yè)時代;2009年23期

3 劉秋生,孫衛(wèi)紅;組件技術在軍事地理信息系統(tǒng)中的應用[J];無線電通信技術;2001年01期

4 馬天蔚;;以組件應萬需[J];每周電腦報;2001年68期

5 張春城;薛恒新;楊建華;;企業(yè)信息化中的企業(yè)業(yè)務組件建模分析[J];中外科技信息;2003年10期

6 侯成義,司書賓,孫樹棟;基于組件的組件庫管理系統(tǒng)[J];計算機工程與應用;2003年30期

7 段繼華,劉衛(wèi);組件化技術在程序設計中的應用[J];無線電通信技術;2003年01期

8 史磊;沈為群;宋子善;;基于組件的空戰(zhàn)戰(zhàn)效評估仿真平臺研究[J];計算機工程;2006年05期

9 孫祥鵬;杜滟;;水利基建財務管理信息系統(tǒng)的組件化技術特點[J];人民珠江;2006年04期

10 楊正武;;動態(tài)組件的依賴關系分析與研究[J];軟件導刊;2009年05期

相關會議論文 前7條

1 李興瑋;潘曉;曾迎生;;組件技術在制導武器系統(tǒng)仿真建模中的應用研究[A];2007系統(tǒng)仿真技術及其應用學術會議論文集[C];2007年

2 王浩;高蓓;惲江峰;嚴洪森;;基于組件的供應管理系統(tǒng)的研究[A];面向21世紀的生產工程——2001年“面向21世紀的生產工程”學術會議暨企業(yè)生產工程與產品創(chuàng)新專題研討會論文集[C];2001年

3 李漢;李忠俊;;淺談基于組件的業(yè)務建模[A];2008'中國信息技術與應用學術論壇論文集（二）[C];2008年

4 吳明;黃東;;.NET下ERP系統(tǒng)的組件化開發(fā)[A];全國自動化新技術學術交流會會議論文集（一）[C];2005年

5 謝方;岳增坤;;仿真通用計算引擎與組件動態(tài)加載技術研究[A];中國造船工程學會電子技術學術委員會——2012年水下復雜戰(zhàn)場環(huán)境目標識別與對抗及仿真技術學術交流論文集[C];2012年

6 曹衛(wèi)星;朱艷;戴廷波;潘潔;胡繼超;莊恒揚;;基于過程的組件化小麥生長模擬系統(tǒng)[A];’2003中國作物學會學術年會文集[C];2003年

7 陳亮;崔仁濤;謝小敏;;基于軟總線的組件通信技術在用電現(xiàn)場管理系統(tǒng)中的應用[A];2007中國電機工程學會電力系統(tǒng)自動化專委會供用電管理自動化學科組（分專委會）二屆三次會議論文集[C];2007年

相關重要報紙文章 前10條

1 Tamim Saleh;組件化：銀行重構新思維[N];金融時報;2006年

2 林燕峰;簡單是美 和諧是金[N];計算機世界;2000年

3 本報記者 龔杰;組件技術“加速”軟件應用[N];計算機世界;2002年

4 ;金思維：組件化突破行業(yè)屏障[N];中國計算機報;2003年

5 肖健 作者系上海博科資訊股份有限公司副總裁;中小企業(yè)管理別迷信舶來品[N];中國企業(yè)報;2005年

6 何進偉;管理軟件：面臨“三化”[N];中國計算機報;2003年

7 本報記者 徐莉;SOA統(tǒng)領下一個十年[N];網絡世界;2004年

8 ;托普發(fā)布軟件組件化開發(fā)平臺[N];人民郵電;2000年

9 鐘耳順;GIS朝組件化發(fā)展[N];中國計算機報;2001年

10 ;國產組件化軟件平合與TopM++Builder[N];科技日報;2000年

相關博士學位論文 前5條

1 李松;組件化可重構嵌入式數(shù)控系統(tǒng)實施關鍵技術研究[D];華南理工大學;2015年

2 劉剛;并行離散事件仿真可視化組件建模技術研究[D];國防科學技術大學;2011年

3 戴鴻君;基于異構多核體系與組件化軟件的嵌入式系統(tǒng)研究[D];浙江大學;2007年

4 李姍姍;空間信息分布式協(xié)同高性能計算框架的初步研究[D];中國地質大學（北京）;2009年

5 涂鈺青;基于IEC61499標準的組件化模型集成數(shù)控系統(tǒng)形式化建模與驗證的研究[D];華南理工大學;2011年

相關碩士學位論文 前10條

1 郭穎;組件化并行仿真引擎關鍵技術研究[D];北京理工大學;2015年

2 牛立棟;基于.NET的SOA組件集成開發(fā)框架的研究與實現(xiàn)[D];西安電子科技大學;2015年

3 林曉佳;基于SOA的中間業(yè)務平臺設計與實現(xiàn)[D];華南理工大學;2015年

4 張佳梁;面向定制化廣告的前端組件化框架設計與實現(xiàn)[D];南京大學;2016年

5 戴翔宇;Web前端工程組件化的分析與改進[D];吉林大學;2016年

6 羅威;基于信息化體系結構的ATE通用軟件開發(fā)[D];哈爾濱工業(yè)大學;2016年

7 黃弋o，

本文編號：1634952