基于web前端的性能优化框架模型研究
发布时间：2021-02-02 14:01
随着web应用功能的丰富化,web终端的多元化发展,如何快速迭代产品以满足市场需求,提升企业竞争力,对于前端技术的发展提出了更高要求。传统的B/S（Browser/Server,浏览器/服务器）模式下的web开发中存在前端代码无法复用;移动端性能表现不佳;单页web应用不能满足用户体验需求;最重要的是,传统的开发模式下,网页路由需要后端配合,导致前后端工作交叉等待,产品迭代和维护效率较低,无法满足企业级应用的迭代速度。因此,如何针对企业级的web应用,研究如何优化前后端分离开发技术,提出一种解决多终端性能、组件化开发和打包部署的完整的开发模型,并进行实践应用证明,对于企业级应用的开发具有重要的意义和研究价值。本文通过研究前后端分离模型,研究前后端分离的开发模式,提出一种高效的前后端技术分离模型,设计了面向SaaS应用的前后端分离模型,并提出了面向企业业务应用场景的组件化开发技术框架,实现了前后端的并行开发,减少了前后端开发的耦合性。为了减少后台访问压力,本文在基于Nignx的负载均衡算法基础上,实现web前端性能的优化,大量的静态页面的访问可以通过Nignx,后台不再关心静态页面访问带...
【文章来源】：西南科技大学四川省
【文章页数】：74 页
【学位级别】：硕士
【部分图文】：
一个UI界面拆分成不同组件的关系图
图 2-3 webpack 功能架构图Fig.2-3 The functional architecture diagram of the webpack2.5 负载均衡组件负载均衡（Load Balance）是一种计算机网络技术，是由多台服务器以对称的方式组成一个服务器集群，其将请求均匀地分配到每台服务器，实现每台服务器对外提供服务时承担相同的压力，从而解决并发的问题并提高了业务处理能力。目前，负载均衡常用的应用场景是服务器负载均衡和链路负载均衡，本文的应用场景是服务器负载均衡。服务器负载均衡根据报文层次，目前主流的处理方式分为四层负载均衡和七层负载均衡。四层负载均衡通过报文中的目标地址、端口以及负载均衡设备设置的服务器选择方式，决定选择真正的目标服务器。七层负载均衡又称为内容交换，通过报文中真正有意义的应用层内容以及负载均衡设备设置的服务器选择方式，决定选择真正的目标服务器。相较于四层负载均衡，七层负载均衡的优点是可以实现更智能的效果，比如将图片和文字类的请求分别转发给图片服
图 3-1 Chrome 浏览器的结构图Fig.3-1 The structure of the Chrome browser1.1.1 渲染引擎渲染引擎（The Rendering engine）的作用是在浏览器窗口渲染所容，支持显示 CSS、HTML、图片等文件，渲染引擎的基本工作流程过网络获得所请求文档的内容，然后解析 HTML 并构建 DOM 树，然后der 树，布局 render 树，最后是绘制 render 树。Chrome 浏览器使用 we引擎，webkit 渲染引擎在获取到文档内容后的渲染主流程如下图 3
【参考文献】：
期刊论文
[1]基于前端的Web性能优化[J]. 彭玲玲,李诗莹,冯爽. 电子技术与软件工程. 2017(24)
[2]基于Node.js中间层Web开发的研究与实现——以微信图书借阅平台为例[J]. 仇晶,黄岩,柴瑜晗. 河北工业科技. 2017(02)
[3]前后端解耦模式及开发[J]. 吴贺. 计算机系统应用. 2017(02)
[4]响应式快速开发框架研究与实现[J]. 周萌,姜增辉,吴际达,吴海军. 电子科学技术. 2016(04)
[5]基于Nginx的Web服务器性能优化研究[J]. 黄静,李炳. 浙江理工大学学报(自然科学版). 2016(04)
[6]Web工程前端性能优化[J]. 李晓峰. 电子科技. 2015(05)
[7]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏. 计算机应用与软件. 2014(12)
硕士论文
[1]基于Nginx高并发Web服务器的改进与实现[D]. 张尧.吉林大学 2016
[2]基于Nginx高性能Web服务器性能优化与负载均衡的改进与实现[D]. 王永辉.电子科技大学 2015
[3]SaaS平台前端性能优化的研究与实现[D]. 姚昌.北京邮电大学 2015
[4]移动Web前端性能优化方法及其应用研究[D]. 陈秋实.华中科技大学 2015
[5]基于Web前端的性能优化方案研究[D]. 刘柳.华中科技大学 2015
[6]轻量级高并发Web服务器的研究与实现[D]. 杨小娇.南京邮电大学 2014
[7]Web应用程序的性能优化研究[D]. 陈俊璘.电子科技大学 2014
本文编号：3014811
【文章来源】：西南科技大学四川省
【文章页数】：74 页
【学位级别】：硕士
【部分图文】：
一个UI界面拆分成不同组件的关系图
图 2-3 webpack 功能架构图Fig.2-3 The functional architecture diagram of the webpack2.5 负载均衡组件负载均衡（Load Balance）是一种计算机网络技术，是由多台服务器以对称的方式组成一个服务器集群，其将请求均匀地分配到每台服务器，实现每台服务器对外提供服务时承担相同的压力，从而解决并发的问题并提高了业务处理能力。目前，负载均衡常用的应用场景是服务器负载均衡和链路负载均衡，本文的应用场景是服务器负载均衡。服务器负载均衡根据报文层次，目前主流的处理方式分为四层负载均衡和七层负载均衡。四层负载均衡通过报文中的目标地址、端口以及负载均衡设备设置的服务器选择方式，决定选择真正的目标服务器。七层负载均衡又称为内容交换，通过报文中真正有意义的应用层内容以及负载均衡设备设置的服务器选择方式，决定选择真正的目标服务器。相较于四层负载均衡，七层负载均衡的优点是可以实现更智能的效果，比如将图片和文字类的请求分别转发给图片服
图 3-1 Chrome 浏览器的结构图Fig.3-1 The structure of the Chrome browser1.1.1 渲染引擎渲染引擎（The Rendering engine）的作用是在浏览器窗口渲染所容，支持显示 CSS、HTML、图片等文件，渲染引擎的基本工作流程过网络获得所请求文档的内容，然后解析 HTML 并构建 DOM 树，然后der 树，布局 render 树，最后是绘制 render 树。Chrome 浏览器使用 we引擎，webkit 渲染引擎在获取到文档内容后的渲染主流程如下图 3
【参考文献】：
期刊论文
[1]基于前端的Web性能优化[J]. 彭玲玲,李诗莹,冯爽. 电子技术与软件工程. 2017(24)
[2]基于Node.js中间层Web开发的研究与实现——以微信图书借阅平台为例[J]. 仇晶,黄岩,柴瑜晗. 河北工业科技. 2017(02)
[3]前后端解耦模式及开发[J]. 吴贺. 计算机系统应用. 2017(02)
[4]响应式快速开发框架研究与实现[J]. 周萌,姜增辉,吴际达,吴海军. 电子科学技术. 2016(04)
[5]基于Nginx的Web服务器性能优化研究[J]. 黄静,李炳. 浙江理工大学学报(自然科学版). 2016(04)
[6]Web工程前端性能优化[J]. 李晓峰. 电子科技. 2015(05)
[7]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏. 计算机应用与软件. 2014(12)
硕士论文
[1]基于Nginx高并发Web服务器的改进与实现[D]. 张尧.吉林大学 2016
[2]基于Nginx高性能Web服务器性能优化与负载均衡的改进与实现[D]. 王永辉.电子科技大学 2015
[3]SaaS平台前端性能优化的研究与实现[D]. 姚昌.北京邮电大学 2015
[4]移动Web前端性能优化方法及其应用研究[D]. 陈秋实.华中科技大学 2015
[5]基于Web前端的性能优化方案研究[D]. 刘柳.华中科技大学 2015
[6]轻量级高并发Web服务器的研究与实现[D]. 杨小娇.南京邮电大学 2014
[7]Web应用程序的性能优化研究[D]. 陈俊璘.电子科技大学 2014
本文编号：3014811
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/3014811.html
