基于web前端的性能优化框架模型研究

《基于web前端的性能优化框架模型研究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、西南科技大学研究生学位论文基于ｗｅｂ前端的性能优化框架模型研究年级２０１５姓名杜艳美硕士申请学位级别计算机科学与技术专业黄晓芳指导教师ClassifiedIndex:U.D.C:SouthwestUniversityofScienceandTechnologyMasterDegreeThesisResearchonPerformanceOptimizationFrameworkModelbasedonWebFront-endGrade:2015Candidate:DuYan-meiAcademicDegreeAppliedfo

2、r:MasterSpeciality:ComputerScienceandTechnologySupervisor:HUANGXiao-fangNov.06,2018西南科技大学硕士研究生学位论文第I页摘要随着web应用功能的丰富化，web终端的多元化发展，如何快速迭代产品以满足市场需求，提升企业竞争力，对于前端技术的发展提出了更高要求。传统的B/S（Browser/Server，浏览器/服务器）模式下的web开发中存在前端代码无法复用；移动端性能表现不佳；单页web应用不能满足用户体验需求；最重要的是，传统的开发模式下，网页路由需要后端配合，导致前后端工作

3、交叉等待，产品迭代和维护效率较低，无法满足企业级应用的迭代速度。因此，如何针对企业级的web应用，研究如何优化前后端分离开发技术，提出一种解决多终端性能、组件化开发和打包部署的完整的开发模型，并进行实践应用证明，对于企业级应用的开发具有重要的意义和研究价值。本文通过研究前后端分离模型，研究前后端分离的开发模式，提出一种高效的前后端技术分离模型，设计了面向SaaS应用的前后端分离模型，并提出了面向企业业务应用场景的组件化开发技术框架，实现了前后端的并行开发，减少了前后端开发的耦合性。为了减少后台访问压力，本文在基于Nignx的负载均衡算法基础上，实现web前端

4、性能的优化，大量的静态页面的访问可以通过Nignx，后台不再关心静态页面访问带来的压力，提升了web网站的处理效率。最后，本文通过企业级开发应用的实践，将上述模型及方法应用在一款上线的企业级web产品开发中，通过实践证明该开发模型能够满足多终端的设计及运行需求，在访问及使用过程中，效果较好，能够满足企业级web应用程序的大型分布式架构、弹性计算架构、微服务架构、多端化服务的开发需求。关键字：前后端分离；组件化开发；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