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

【摘要】：近年來(lái),智能移動(dòng)設(shè)備快速普及,移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展,根據(jù)我國(guó)最新的互聯(lián)網(wǎng)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告,截至2016年6月我國(guó)網(wǎng)民數(shù)量已經(jīng)達(dá)到7.10億,其中手機(jī)網(wǎng)民6.56億[1]。移動(dòng)互聯(lián)網(wǎng)時(shí)代早已經(jīng)開(kāi)啟,成為了互聯(lián)網(wǎng)行業(yè)的新戰(zhàn)場(chǎng)。為了適應(yīng)快速發(fā)展的移動(dòng)端開(kāi)發(fā)技術(shù),基于HTML5技術(shù)的移動(dòng)端Web App應(yīng)運(yùn)而生。Web App是利用HTML5等新一代Web技術(shù)實(shí)現(xiàn)特定功能,并且運(yùn)行于網(wǎng)絡(luò)和瀏覽器的移動(dòng)端應(yīng)用程序。隨著設(shè)備性能的不斷提高,移動(dòng)端Web App的用戶體驗(yàn)也漸漸逼近客戶端應(yīng)用。相對(duì)于已被人熟知的Android應(yīng)用和IOS應(yīng)用,移動(dòng)端Web App最大的優(yōu)勢(shì)就是不需要下載安裝即可使用,用戶通過(guò)掃一掃二維碼,或者通過(guò)推送的URL即可打開(kāi)應(yīng)用,又無(wú)需安裝、更新或卸載。并且移動(dòng)端Web App開(kāi)發(fā)過(guò)程高效,版本迭代迅速,具有支持跨平臺(tái)的內(nèi)在屬性。當(dāng)然與客戶端應(yīng)用比起來(lái),移動(dòng)端Web App也存在穩(wěn)定性低,兼容性差等問(wèn)題。本論文所述的移動(dòng)端Web App組件化開(kāi)發(fā),是針對(duì)Web App開(kāi)發(fā)而設(shè)計(jì)的一種快速開(kāi)發(fā)模式。在大型軟件項(xiàng)目開(kāi)發(fā)中,組件化開(kāi)發(fā)能減少代碼變更代價(jià),每次變更業(yè)務(wù)需求時(shí)甚至不需要修改代碼,僅僅是變更相關(guān)配置就可以實(shí)現(xiàn)新需求,可以大大提高開(kāi)發(fā)效率,提高代碼重復(fù)利用率,降低維護(hù)成本。另外,移動(dòng)端設(shè)備的電量、內(nèi)存等資源十分有限,提高移動(dòng)端應(yīng)用性能的意義不言而喻。在移動(dòng)端業(yè)務(wù)需求越來(lái)越復(fù)雜的情況下,Web App性能優(yōu)化的意義也越來(lái)越重要。作者讀研期間,在騰訊科技(深圳)有限公司-社交網(wǎng)絡(luò)事業(yè)群-社交平臺(tái)部做過(guò)一年軟件開(kāi)發(fā)實(shí)習(xí)生。作者的主要工作就是參與Qzone移動(dòng)端Web App基礎(chǔ)組件庫(kù)的構(gòu)建、維護(hù),以及利用基礎(chǔ)組件庫(kù)快速開(kāi)發(fā)手機(jī)版QQ空間客戶端內(nèi)嵌的各種Web App,并且對(duì)其進(jìn)行必要的性能優(yōu)化。本論文所述的Web App組件化開(kāi)發(fā)及性能優(yōu)化課題,是來(lái)源于實(shí)習(xí)期間所做項(xiàng)目。本論文首先介紹了移動(dòng)端Web App的發(fā)展背景與發(fā)展現(xiàn)狀,引入了 Web App相關(guān)技術(shù)HTML5、CSS3、jQuery的介紹。然后介紹了基礎(chǔ)組件庫(kù)和組件化開(kāi)發(fā)模式,以Qzone業(yè)務(wù)為背景介紹了基礎(chǔ)組件庫(kù)的構(gòu)建過(guò)程,基礎(chǔ)組件庫(kù)主要包括滾屏組件、支付組件、抽獎(jiǎng)組件、獲獎(jiǎng)記錄組件、地址填寫組件和分享定制組件,并且以一個(gè)Web App的開(kāi)發(fā)實(shí)例詳述了利用基礎(chǔ)組件庫(kù)進(jìn)行組件化開(kāi)發(fā)過(guò)程。隨后從腳本加載優(yōu)化、CSS圖像拼合技術(shù)優(yōu)化、Gzip壓縮技術(shù)優(yōu)化三個(gè)方面探討了Web App性能優(yōu)化的方案。最后,論文總結(jié)并展望了 Web App組件化開(kāi)發(fā)技術(shù)和性能優(yōu)化技術(shù),以及Web App對(duì)移動(dòng)互聯(lián)網(wǎng)發(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.
【學(xué)位授予單位】：山東大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2017
【分類號(hào)】：TP311.56;TP393.09

【相似文獻(xiàn)】

相關(guān)期刊論文 前10條

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

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

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

4 馬天蔚;;以組件應(yīng)萬(wàn)需[J];每周電腦報(bào);2001年68期

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

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

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

8 史磊;沈?yàn)槿?宋子善;;基于組件的空戰(zhàn)戰(zhàn)效評(píng)估仿真平臺(tái)研究[J];計(jì)算機(jī)工程;2006年05期

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

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

相關(guān)會(huì)議論文 前7條

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

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

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

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

5 謝方;岳增坤;;仿真通用計(jì)算引擎與組件動(dòng)態(tài)加載技術(shù)研究[A];中國(guó)造船工程學(xué)會(huì)電子技術(shù)學(xué)術(shù)委員會(huì)——2012年水下復(fù)雜戰(zhàn)場(chǎng)環(huán)境目標(biāo)識(shí)別與對(duì)抗及仿真技術(shù)學(xué)術(shù)交流論文集[C];2012年

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

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

相關(guān)重要報(bào)紙文章 前10條

1 Tamim Saleh;組件化：銀行重構(gòu)新思維[N];金融時(shí)報(bào);2006年

2 林燕峰;簡(jiǎn)單是美 和諧是金[N];計(jì)算機(jī)世界;2000年

3 本報(bào)記者 龔杰;組件技術(shù)“加速”軟件應(yīng)用[N];計(jì)算機(jī)世界;2002年

4 ;金思維：組件化突破行業(yè)屏障[N];中國(guó)計(jì)算機(jī)報(bào);2003年

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

6 何進(jìn)偉;管理軟件：面臨“三化”[N];中國(guó)計(jì)算機(jī)報(bào);2003年

7 本報(bào)記者 徐莉;SOA統(tǒng)領(lǐng)下一個(gè)十年[N];網(wǎng)絡(luò)世界;2004年

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

9 鐘耳順;GIS朝組件化發(fā)展[N];中國(guó)計(jì)算機(jī)報(bào);2001年

10 ;國(guó)產(chǎn)組件化軟件平合與TopM++Builder[N];科技日?qǐng)?bào);2000年

相關(guān)博士學(xué)位論文 前5條

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

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

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

4 李?yuàn)檴?空間信息分布式協(xié)同高性能計(jì)算框架的初步研究[D];中國(guó)地質(zhì)大學(xué)（北京）;2009年

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

相關(guān)碩士學(xué)位論文 前10條

1 郭穎;組件化并行仿真引擎關(guān)鍵技術(shù)研究[D];北京理工大學(xué);2015年

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

3 林曉佳;基于SOA的中間業(yè)務(wù)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[D];華南理工大學(xué);2015年

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

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

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

7 黃弋o，

本文編號(hào)：1634952