收藏本站
收藏 | 手机打开
二维码
手机客户端打开本文

云平台下Web前端的若干优化技术的研究与实现

潘文文  
【摘要】:随着Web技术的不断发展,Web开发逐渐从简单的页面展示发展成功能丰富的Web应用。更多的用户交互,复杂的功能需求也逐渐给Web应用带来了更多的性能上的挑战。传统模式下前端开发中代码没有模块化,复用率低;首页加载速度过慢,导致用户流失率过高;资源加载过多,导致页面容易出现卡顿等无法满足用户流畅体验的问题急需解决。同时在前后端未分离的开发模式下,导致的前后端开发者出现交叉等待,系统维护和迭代的效率过低的情况也需要解决。因此,结合项目实际开发需求以及现有Web技术的发展,研究如何重构现有项目,优化性能瓶颈点,对于增强产品竞争力,降低后续项目开发和维护难度具有重大的意义和重要性。本文首先指出了原有系统中性能方面的不足。随后通过研究浏览器的渲染机制,并结合NodeJS技术、Vue.JS框架和Nginx负载均衡等技术,对原有项目的不足逐一进行了针对性的解决。设计了前后端分离的系统架构,并对前端部分进行细致划分,明确工作内容,解决了开发耦合的问题。并提出了组件化开发的思想,对功能进行划分,以积木堆砌的思维进行前端开发,在生产过程中大大减少了前后端开发者工作量。结合NodeJS技术,引入中间层的概念,提升首页加载速度。运用了函数节流,延迟加载的思想并结合DOM节点缓存技术,解决了应用展示页面滚动性能不足的问题。同时为了增强系统的可用性,设计了基于Nginx负载均衡方案,保证了大批量用户请求下系统的可用性。最后通过研究本地缓存问题,针对原先云平台系统在使用中暴露出的问题,设计了数据模型,并提出了一套缓存替换方案。本文通过在云平台系统重构过程中的实践,并通过性能测试,进行数据对比,论证了这些优化技术的可行性以及高效性,能够良好的保证云平台系统现有的用户性能需求。


知网文化
【相似文献】
中国期刊全文数据库 前19条
1 辛红;;新时代高职院校计算机应用技术专业Web前端开发课程的实践研究[J];数码世界;2020年09期
2 俞敏;;Web前端性能优化的研究与应用[J];计算机产品与流通;2019年12期
3 郝倩;岳小冰;;任务驱动在《Web前端开发》教学中的实施[J];自动化与仪器仪表;2017年02期
4 庄新妍;;基于网站制作的Web前端开发技术与优化[J];信息技术与信息化;2020年07期
5 蒲超;;基于网站制作的Web前端开发技术与优化[J];数码世界;2020年04期
6 何芳;;“Web前端开发”课程教学模式刍议[J];科技创新导报;2020年04期
7 喻会;;基于网站制作的Web前端开发技术与优化策略分析[J];信息通信;2019年11期
8 韦秀行;;基于网站制作的Web前端开发技术与优化[J];信息与电脑(理论版);2020年01期
9 黄霖;;基于网站制作的Web前端开发技术与优化[J];信息与电脑(理论版);2020年10期
10 钟琨;;基于网站制作的Web前端开发技术与优化[J];数字技术与应用;2020年01期
11 林丽红;;基于《web前端页面设计》在线开放课程自主学习探讨[J];计算机产品与流通;2020年05期
12 孙晓红;;网站制作的Web前端开发设计的相关研究[J];卫星电视与宽带多媒体;2020年07期
13 许跃颖;;网站制作Web前端开发技术与优化措施[J];电子技术与软件工程;2020年07期
14 汪雁;;网站制作Web前端开发技术及优化[J];电脑知识与技术;2019年28期
15 曹艳琴;;基于网站制作的Web前端开发技术与优化策略[J];电脑知识与技术;2020年23期
16 康长安;陈玉红;;基于前端的Web性能优化[J];电脑知识与技术;2011年16期
17 李鹏飞;;1+X证书制度与Web前端开发专业融合的探索[J];信息与电脑(理论版);2020年04期
18 邓钧瀚;白俊鸽;;基于web前端的校内信息发布系统的设计与实现[J];数码世界;2020年02期
19 蒋凌燕;王萍;;基于场景化的web前端技术课程教学探讨[J];教育现代化;2018年45期
中国重要会议论文全文数据库 前10条
1 郭佳豪;乔秀全;;基于Web的目标检测神经网络协同计算方法的研究与实现[A];2019中国信息通信大会论文集(CICC 2019)[C];2019年
2 万志利;单爽;;基于Web服务的单点登录研究与实现[A];全国冶金自动化信息网2016年会论文集[C];2016年
3 刘丽;方兰;李远玲;崔益民;;基于故障矩阵的Web服务故障诊断框架[A];中国通信学会第六届学术年会论文集(上)[C];2009年
4 唐章蔚;;基于网络的Web虚拟实验室建构理论探索[A];计算机与教育:应用促进学与教创新——全国计算机辅助教育学会第十三届学术年会论文集[C];2008年
5 章国英;叶春阳;邓秋军;;试论远程网络教学及其Web页面设计[A];计算机与教育:迎接21世纪教育信息化的挑战——全国计算机辅助教育学会第九届学术年会[C];1999年
6 杨青;;基于Web的远程测试系统的设计探讨[A];计算机与教育——全国计算机辅助教育学会第十届学术年会论文集[C];2001年
7 李树岩;潘学标;;人体舒适度“气候指数”Web评价系统的建立与应用[A];第26届中国气象学会年会气候环境变化与人体健康分会场论文集[C];2009年
8 王斌;刘大成;;Web性能测试中认识误区的分析与研究[A];2008年中国高校通信类院系学术研讨会论文集(下册)[C];2009年
9 杨弘曧;;基于Web的基层航标站综合管理信息系统的构建研究[A];中国航海学会航标专业委员会沿海航标学组、无线电导航学组、内河航标学组年会暨学术交流会论文集[C];2009年
10 王昇;何新贵;;面向对象数据库主动机制在WEB中的应用[A];第十八届全国数据库学术会议论文集(技术报告篇)[C];2001年
中国博士学位论文全文数据库 前10条
1 余骞;Web社区推荐方法与系统研究[D];武汉大学;2015年
2 马奇辰;Web舆情事件因果知识流模型及用户行为分析方法[D];上海大学;2018年
3 张量;基于语义Web服务的虚拟物流企业组建关键技术研究[D];大连海事大学;2009年
4 刘振鹏;基于对等网络的Web服务选择机制研究[D];天津大学;2009年
5 刘柏嵩;基于Web的通用本体学习研究[D];浙江大学;2007年
6 杨钤雯;序列模式挖掘方法及Web使用挖掘研究[D];天津大学;2010年
7 孙慧峰;基于协同过滤的个性化Web推荐[D];北京邮电大学;2012年
8 刘莉平;动态Web服务组合关键技术研究[D];中南大学;2011年
9 毛军;Web信息服务中受控语言研究[D];中国科学院研究生院(文献情报中心);2002年
10 胡勤友;Web上的多主体系统若干关键技术研究[D];复旦大学;2003年
中国硕士学位论文全文数据库 前10条
1 潘文文;云平台下Web前端的若干优化技术的研究与实现[D];电子科技大学;2020年
2 戴翔宇;Web前端工程组件化的分析与改进[D];吉林大学;2016年
3 刘弄璋;基于Web的无人机前端界面系统设计与关键技术研究[D];国防科学技术大学;2014年
4 路瑶;Web服务移动主机负载均衡技术研究[D];大连海事大学;2018年
5 张雷;基于Web的远程监控和信息平台的研究与设计[D];杭州电子科技大学;2009年
6 荣林林;自适应浏览器的高性能Web扩展应用开发系统的研究与设计[D];北京邮电大学;2015年
7 雷慧;基于深度学习的Web页面生成系统的设计与实现[D];厦门大学;2019年
8 宁小霞;基于Web的医学图像采集、配准及分割系统设计研究[D];广西大学;2019年
9 林坚;基于QoS的Web服务预测推荐机制与算法研究[D];温州大学;2019年
10 闫方戈;支持移动Web组件的高精度确定性重放技术[D];上海交通大学;2018年
中国重要报纸全文数据库 前10条
1 西北大学计算机系 宗锋;Tomcat——Web开发轻平台[N];计算机世界;2002年
2 华;全新Novell亮相 Novell OneNet重拳出击Web服务[N];中国计算机报;2002年
3 边 一;保证Web服务安全的SAML[N];网络世界;2002年
4 记者 丁佳;首个基于WEB微波遥感领域知识库发布[N];中国科学报;2016年
5 记者 樊丽萍;一方面抓前端筛查,另一方面全力抓救治[N];文汇报;2020年
6 王诗雯;走在服务“最前端”[N];中国工商报;2018年
7 罗志华;预防跨国医疗诈骗应先强化前端整治[N];中国商报;2018年
8 奕涵;为电信企业打造标准化前端[N];中国财经报;2007年
9 江苏省张家港市环保局 程晋波;把批评置于处理的前端[N];中国环境报;2015年
10 ;为电信企业打造“标准化前端”[N];中国电子报;2007年
 快捷付款方式  订购知网充值卡  订购热线  帮助中心
  • 400-819-9993
  • 010-62982499
  • 010-62783978