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

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

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

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

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

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