基于web前端的性能優(yōu)化框架模型研究

《基于web前端的性能優(yōu)化框架模型研究》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。

1、西南科技大學(xué)研究生學(xué)位論文基于ｗｅｂ前端的性能優(yōu)化框架模型研究年級(jí)２０１５姓名杜艷美碩士申請(qǐng)學(xué)位級(jí)別計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)黃曉芳指導(dǎo)教師ClassifiedIndex:U.D.C:SouthwestUniversityofScienceandTechnologyMasterDegreeThesisResearchonPerformanceOptimizationFrameworkModelbasedonWebFront-endGrade:2015Candidate:DuYan-meiAcademicDegreeAppliedfo

2、r:MasterSpeciality:ComputerScienceandTechnologySupervisor:HUANGXiao-fangNov.06,2018西南科技大學(xué)碩士研究生學(xué)位論文第I頁(yè)摘要隨著web應(yīng)用功能的豐富化，web終端的多元化發(fā)展，如何快速迭代產(chǎn)品以滿足市場(chǎng)需求，提升企業(yè)競(jìng)爭(zhēng)力，對(duì)于前端技術(shù)的發(fā)展提出了更高要求。傳統(tǒng)的B/S（Browser/Server，瀏覽器/服務(wù)器）模式下的web開(kāi)發(fā)中存在前端代碼無(wú)法復(fù)用；移動(dòng)端性能表現(xiàn)不佳；單頁(yè)web應(yīng)用不能滿足用戶體驗(yàn)需求；最重要的是，傳統(tǒng)的開(kāi)發(fā)模式下，網(wǎng)頁(yè)路由需要后端配合，導(dǎo)致前后端工作

3、交叉等待，產(chǎn)品迭代和維護(hù)效率較低，無(wú)法滿足企業(yè)級(jí)應(yīng)用的迭代速度。因此，如何針對(duì)企業(yè)級(jí)的web應(yīng)用，研究如何優(yōu)化前后端分離開(kāi)發(fā)技術(shù)，提出一種解決多終端性能、組件化開(kāi)發(fā)和打包部署的完整的開(kāi)發(fā)模型，并進(jìn)行實(shí)踐應(yīng)用證明，對(duì)于企業(yè)級(jí)應(yīng)用的開(kāi)發(fā)具有重要的意義和研究?jī)r(jià)值。本文通過(guò)研究前后端分離模型，研究前后端分離的開(kāi)發(fā)模式，提出一種高效的前后端技術(shù)分離模型，設(shè)計(jì)了面向SaaS應(yīng)用的前后端分離模型，并提出了面向企業(yè)業(yè)務(wù)應(yīng)用場(chǎng)景的組件化開(kāi)發(fā)技術(shù)框架，實(shí)現(xiàn)了前后端的并行開(kāi)發(fā)，減少了前后端開(kāi)發(fā)的耦合性。為了減少后臺(tái)訪問(wèn)壓力，本文在基于Nignx的負(fù)載均衡算法基礎(chǔ)上，實(shí)現(xiàn)web前端

4、性能的優(yōu)化，大量的靜態(tài)頁(yè)面的訪問(wèn)可以通過(guò)Nignx，后臺(tái)不再關(guān)心靜態(tài)頁(yè)面訪問(wèn)帶來(lái)的壓力，提升了web網(wǎng)站的處理效率。最后，本文通過(guò)企業(yè)級(jí)開(kāi)發(fā)應(yīng)用的實(shí)踐，將上述模型及方法應(yīng)用在一款上線的企業(yè)級(jí)web產(chǎn)品開(kāi)發(fā)中，通過(guò)實(shí)踐證明該開(kāi)發(fā)模型能夠滿足多終端的設(shè)計(jì)及運(yùn)行需求，在訪問(wèn)及使用過(guò)程中，效果較好，能夠滿足企業(yè)級(jí)web應(yīng)用程序的大型分布式架構(gòu)、彈性計(jì)算架構(gòu)、微服務(wù)架構(gòu)、多端化服務(wù)的開(kāi)發(fā)需求。關(guān)鍵字：前后端分離；組件化開(kāi)發(fā)；Node.js；Vue西南科技大學(xué)碩士研究生學(xué)位論文第II頁(yè)AbstractWiththeenrichmentofthewebapplicatio

5、nfunctionandthediversifieddevelopmentofWebterminal,howtoquicklyiteratetheproducttomeetthemarketdemandandimprovethecompetitivenessoftheenterprisehasputforwardhigherrequirementsforthedevelopmentofthefront-endtechnology.InthetraditionalB/S(Browser/Server)mode,thefrontcodecannotbereuse

6、dinthedevelopmentofweb;theperformanceofthemobileterminalisnotgood;thesinglepagewebapplicationcannotmeettheuserexperienceneeds;themostimportantthingisthatunderthetraditionaldevelopmentmode,thewebroutingneedsbackendcoordination,leadingtothecrossendworkcrossing,etc.Theefficiencyofprod

7、uctiterationandmaintenanceislow,whichcannotmeettheiterativespeedofenterpriseapplication.Therefore,howtooptimizethefrontandbackseparationanddevelopmenttechnologyfortheenterpriselevelWebapplication,andputforwardacompletedevelopmentmodeltosolvethemultiterminalperformance,componentdeve

8、lopmentandpackagingdeploym