Web前端性能优化方案与实践 被引量：33

1

作者 王成 李少元 +3 位作者 郑黎晓 缑锦 曾梅琴 刘慧敏 《计算机应用与软件》 CSCD 北大核心 2014年第12期89-95,147,共8页

针对Web前端性能低下的问题,通过分析归纳Web中从后端到前端的B/S架构原理、浏览器缓存、浏览器的加载方式、服务器关于HTTP相关的配置等过程中一些影响前端性能优化的因素,系统地提出一个旨在提高网页加载速度、呈现速度和用户体验,整... 针对Web前端性能低下的问题,通过分析归纳Web中从后端到前端的B/S架构原理、浏览器缓存、浏览器的加载方式、服务器关于HTTP相关的配置等过程中一些影响前端性能优化的因素,系统地提出一个旨在提高网页加载速度、呈现速度和用户体验,整体性、通用性强的完整Web前端性能优化解决方案。该解决方案包括服务器端优化、HTML优化、Java Script优化、CSS优化、图片优化等内容。并在HTTP代理工具Fiddler搭建的512 KB慢网速下通过Speed Tracer监测UI Thread,寻找基于HTML5技术的Web移动电子商务项目"指尖点餐系统"的点餐页面前端性能中的瓶颈,根据所提出的Web前端性能优化解决方案对其进行优化实践。优化前后的Timeline以及UI Thread对比分析表明,优化后加载时间降低了82%,页面渲染降低了32%,脚本执行减少了79%。 展开更多

关键词 web前端性能优化 服务器端优化 HTML优化 JavaScript优化 CSS优化 图片优化 前端测试环境 TIMELINE UI THREAD

在线阅读 下载PDF 职称材料

基于Ajax和SVG的Web远程实时监控系统 被引量：22

2

作者 吴灿培 胡顺豪 +1 位作者 王海航 沈先海 《计算机工程与设计》 CSCD 北大核心 2011年第9期3004-3007,3013,共5页

以ASP.NET为平台,使用Ajax和SVG实时显示技术完成了基于Web的B/S模式远程监控,实现了跨操作平台的网站式远程实时监控系统,将实时监测与控制系统构筑于Internet之上,通过Internet实现对现场设备的实时远程监控、设备故障诊断与调试。设... 以ASP.NET为平台,使用Ajax和SVG实时显示技术完成了基于Web的B/S模式远程监控,实现了跨操作平台的网站式远程实时监控系统,将实时监测与控制系统构筑于Internet之上,通过Internet实现对现场设备的实时远程监控、设备故障诊断与调试。设计的前端设备远程监控器可实时监控现场设备的工况,方便组网实现多监控点的实时监控,易于扩展。应用结果表明,该系统有良好的实时性、可靠性、交互性和扩展性。 展开更多

关键词 web B/S 前端设备远程监控器 AJAX 可伸缩矢量图形 远程实时监控

在线阅读 下载PDF 职称材料

WEB前端开发技术在船舶通信数据可视化中的应用 被引量：9

3

作者 甘杜芬 陈小海 付功伟 《舰船科学技术》 北大核心 2020年第10期127-129,共3页

针对传统的船舶通信数据可视化方法存在数据过滤性能较差的问题,提出设计一种基于WEB前端开发技术的船舶通信数据可视化方法。时域信息作为船舶通信数据的一个重要属性,包括持续通信时间与系统时间,它们的属性分别为跨度与刻度,采用不... 针对传统的船舶通信数据可视化方法存在数据过滤性能较差的问题,提出设计一种基于WEB前端开发技术的船舶通信数据可视化方法。时域信息作为船舶通信数据的一个重要属性,包括持续通信时间与系统时间,它们的属性分别为跨度与刻度,采用不同的方式对二者进行处理。获取船舶通信数据中节点间的通信流具体数量与通信总数量,利用获取数据对节点聚类进行计算,根据聚类指数计算船舶通信节点作用力。利用Web前端开发技术对船舶通信数据棒状图的图标进行绘制,最终实现船舶通信数据可视化。为了证明该方法的数据过滤性能较好,将原有方法与基于Web前端开发技术的船舶通信数据可视化方法进行对比实验,实验结果证明该方法的数据过滤性能优于传统方法。 展开更多

关键词 web前端开发技术 船舶通信 数据可视化 时间维 聚类指数

在线阅读 下载PDF 职称材料

基于虚拟DOM的Web前端性能优化研究 被引量：15

4

作者 戴志诚 程劲草 《计算机应用与软件》 2017年第12期21-25,31,共6页

随着Web前端的不断发展,Web页面变得越来越复杂,强交互性带来页面状态的疯涨,用于更新页面的DOM操作也越来越多。然而频繁的DOM操作使得页面渲染缓慢,造成前端性能瓶颈。在分析造成此问题原因的基础上,介绍一种由虚拟DOM和Diff算法来优... 随着Web前端的不断发展,Web页面变得越来越复杂,强交互性带来页面状态的疯涨,用于更新页面的DOM操作也越来越多。然而频繁的DOM操作使得页面渲染缓慢,造成前端性能瓶颈。在分析造成此问题原因的基础上,介绍一种由虚拟DOM和Diff算法来优化DOM操作的方法。通过分析传统Tree-Diff与DOM-Diff算法,对现有Diff算法做出改进。最后搭建测试平台,对改进后算法(Virtual-DOM)、React JS以及原生JS进行渲染性能测试,并对测试结果进行对比分析。测试结果表明:虚拟DOM确实可以优化浏览器的渲染性能,且在特定的情况下,DOM-Diff改进算法效果比React JS更理想。 展开更多

关键词 web前端性能优化 虚拟DOM Diff算法 ReactJS

在线阅读 下载PDF 职称材料

多接口非限制下组件化手机Web前端会话劫持攻击检测方法研究 被引量：3

5

作者 李洪亮 《科学技术与工程》 北大核心 2017年第7期90-94,共5页

多接口非限制下组件化手机的Web前端容易遭遇会话劫持攻击。当前会话劫持攻击检测方法需建一个含有全部攻击特征的检测模型,不易实现,且检测结果不可靠。提出一种新型组件化手机Web前端会话劫持攻击检测方法,分析多接口非限制下组件化手... 多接口非限制下组件化手机的Web前端容易遭遇会话劫持攻击。当前会话劫持攻击检测方法需建一个含有全部攻击特征的检测模型,不易实现,且检测结果不可靠。提出一种新型组件化手机Web前端会话劫持攻击检测方法,分析多接口非限制下组件化手机Web前端会话劫持攻击,预处理RTT历史数据,以降低多接口非限制下组件化手机Web前端奇异数据对正常数据RTT特征提取的影响。采用滑动数据窗和最小二乘平滑结合的方法对组件化手机Web前端正常数据的RTT特征进行提取,依据RTT特征提取结果,通过滑动窗口平均方法对会话劫持攻击进行检测。实验结果表明,所提方法具有很高的攻击检测精度和效率。 展开更多

关键词 多接口非限制 组件化手机 web前端 会话劫持攻击 检测

在线阅读 下载PDF 职称材料

1+X证书制度下Web前端开发课程标准制定分析 被引量：8

6

作者 刘小园 戴春平 《黑龙江生态工程职业学院学报》 2020年第4期146-149,共4页

为了推动1+X证书制度在高职院校的试点实施,在对Web前端开发课程岗位能力和Web前端开发职业技能等级证书职业技能要求分析的基础上,提出基于课程岗位能力与证书职业技能对接制定Web前端开发课程标准的方法。该方法以课程岗位技能培养目... 为了推动1+X证书制度在高职院校的试点实施,在对Web前端开发课程岗位能力和Web前端开发职业技能等级证书职业技能要求分析的基础上,提出基于课程岗位能力与证书职业技能对接制定Web前端开发课程标准的方法。该方法以课程岗位技能培养目标达成为导向,并对接职业技能等级证书职业技能要求,符合教育部文件精神,课程标准包括课程定位、课程教学内容、课程技能目标、课程教学重点、难点及学时分配、课程教学资源、课程考核评价等内容,该标准实践运行效果证明能有效提升毕业生就业竞争力和可持续发展能力。 展开更多

关键词 1+X证书 web前端开发 课程标准

在线阅读 下载PDF 职称材料

一种基于多连限制的WEB前端性能优化算法研究

7

作者 冉崇善 李庆林 +1 位作者 孙连山 马畑名 《陕西科技大学学报（自然科学版）》 2015年第4期146-150,共5页

前端性能是衡量一个Web应用程序成功与否的重要条件.在综合考虑TDD和TSR指数最小优先条件下,设计了一个调度权值计算模型,并结合该模型总结出一种SACC优化算法.通过优化调度多连阻塞的请求序列来改善前端性能.实验结果表明,采用SACC算... 前端性能是衡量一个Web应用程序成功与否的重要条件.在综合考虑TDD和TSR指数最小优先条件下,设计了一个调度权值计算模型,并结合该模型总结出一种SACC优化算法.通过优化调度多连阻塞的请求序列来改善前端性能.实验结果表明,采用SACC算法优化后的页面,相比一般情况下有效的降低页面的TDD和TSR指数,平均降幅分别达14%和25%,显著提高页面响应速度. 展开更多

关键词 web前端 调度权值 多连阻塞 SACC

在线阅读 下载PDF 职称材料

一种针对浏览器并发连接限制的Web前端性能优化算法 被引量：8

8

作者 李雨晨 张大方 +1 位作者 张继 曾彬 《计算机应用与软件》 CSCD 北大核心 2013年第12期4-7,68,共5页

当用户同时发起的连接请求数大于浏览器的并发连接限制数时,不同的请求发送顺序对应不同的用户等待时间。为了有效减少用户的等待时间,提出一种连接请求调度权值的计算模型,并在该模型的基础上提出一种请求调度算法SACC。实验证明,该算... 当用户同时发起的连接请求数大于浏览器的并发连接限制数时,不同的请求发送顺序对应不同的用户等待时间。为了有效减少用户的等待时间,提出一种连接请求调度权值的计算模型,并在该模型的基础上提出一种请求调度算法SACC。实验证明,该算法能够有效降低网页的TDD、TSR指标,在实验平台IE 7中,平均降幅分别达13%、25%。 展开更多

关键词 并发连接限制 性能优化 调度权值计算模型 web前端

在线阅读 下载PDF 职称材料

基于数据驱动的动态Web模板技术设计与实现 被引量：2

9

作者 刘放 陈和平 《武汉科技大学学报》 CAS 北大核心 2017年第1期70-75,共6页

随着互联网产品规模的不断扩大,前端脚本代码规模大、重用性低、维护困难、扩展性差等问题不断涌现。为此,本文分析了目前主流的Web模板技术及各自的优缺点,并结合国内浏览器的兼容性,在Living template技术思想的基础上,提出一种基于... 随着互联网产品规模的不断扩大,前端脚本代码规模大、重用性低、维护困难、扩展性差等问题不断涌现。为此,本文分析了目前主流的Web模板技术及各自的优缺点,并结合国内浏览器的兼容性,在Living template技术思想的基础上,提出一种基于数据驱动的动态Web模板技术方案(DWTT),它能有效提高前端开发效率和代码复用性,降低程序扩展和维护的复杂度。 展开更多

关键词 模板 web应用 前端开发 数据驱动 抽象语法树

在线阅读 下载PDF 职称材料

基于Web应用前端行为模型的测试用例生成 被引量：5

10

作者 刘子文 虞莉娟 +2 位作者 苏义鑫 赵耀 石柱 《计算机科学》 CSCD 北大核心 2023年第7期18-26,共9页

基于Web应用前端模型的测试用例生成是Web应用测试的重要过程,但现有的大多数针对Web应用的模型都只关注Web页面及其事件,忽略了事件触发条件和后续动作。为了更准确地描述现代Web应用程序的动态行为,文中定义了一种新的Web应用前端行... 基于Web应用前端模型的测试用例生成是Web应用测试的重要过程,但现有的大多数针对Web应用的模型都只关注Web页面及其事件,忽略了事件触发条件和后续动作。为了更准确地描述现代Web应用程序的动态行为,文中定义了一种新的Web应用前端行为模型(Front-end Behavior Model, FBM)。由于模型中迁移的触发条件可能存在内部变量,即迁移之间存在依赖关系,使得生成的测试用例不能按照输入序列执行,从而影响测试效果。为此,提出了一种优化分组遗传算法来实现可执行迁移路径FTP的自动生成,该算法考虑FTP生成问题的特点,对染色体初始化和适应度函数做出合理的设计,加入修补算子调整个体长度生成了满足迁移覆盖的FTP,并且通过引入自适应的遗传算子和模拟退火接收机制来减少迭代次数,从而加快求解速度。实验结果表明,该算法能够在更高的求解效率的基础上有效保证迁移路径的可行性以及覆盖率。 展开更多

关键词 web应用测试 前端行为模型 可执行测试用例生成 分组遗传算法

在线阅读 下载PDF 职称材料

基于UI图像的Web前端代码自动生成 被引量：4

11

作者 葛进 陆雪松 《华东师范大学学报（自然科学版）》 CAS CSCD 北大核心 2023年第5期100-109,共10页

用户界面(user interface, UI)在应用程序与用户的交互中扮演了至关重要的角色.当前移动互联网的普及,已经使得基于Web (world wide web)的应用大规模从桌面端迁移到移动端, Web前端开发在应用程序的开发中愈加广泛和深入.传统Web前端... 用户界面(user interface, UI)在应用程序与用户的交互中扮演了至关重要的角色.当前移动互联网的普及,已经使得基于Web (world wide web)的应用大规模从桌面端迁移到移动端, Web前端开发在应用程序的开发中愈加广泛和深入.传统Web前端开发首先依赖设计人员给出设计稿,然后由程序员编写相应的UI代码.这种方式行业壁垒高、开发速度慢,不利于产品的快速迭代.深度学习的发展使得基于UI图像自动生成Web前端代码成为可能.现有方法对于UI图像特征的捕捉能力较弱,生成代码的准确性较低.为了改善这些问题,提出了基于Swin Transformer的Encoder-Decoder模型image2code,用于从UI图像生成Web前端代码. image2code将从UI图像生成Web前端代码的过程视为图像描述任务的一种形式,将包含滑动窗口设计的Swin Transformer作为模型编码器和解码器的骨干网络.其中滑窗操作将注意力计算限制在一个窗口内,减少了注意力机制的计算量,同时保证了不同窗口间仍然有特征关联.另外,image2code生成可以直接转换为HTML (hyper text markup language)代码的Emmet代码,利用Emmet代码的简洁性提高模型训练的效率.实验结果表明,在已有公开数据集和新构建的数据集上,image2code在Web前端代码生成任务上的表现要优于pix2code和image2emmet等代表性模型. 展开更多

关键词 UI图像 web前端代码生成 注意力机制 智能web开发

在线阅读 下载PDF 职称材料

智能播种机作业监管云平台Web前端的开发与实现 被引量：9

12

作者 张清博 孙宜田 +1 位作者 孙永佳 陈刚 《中国农机化学报》 北大核心 2019年第6期167-172,共6页

为实现智能播种机作业的信息采集、处理与统计、质量追溯等远程监管目标,使用前后端分离模式开发一套智能播种机作业监管云平台。对平台Web前端进行研究和总体设计,开发框架、响应式编程库、数据可视化分别采用业界领先、开源免费的Angu... 为实现智能播种机作业的信息采集、处理与统计、质量追溯等远程监管目标,使用前后端分离模式开发一套智能播种机作业监管云平台。对平台Web前端进行研究和总体设计,开发框架、响应式编程库、数据可视化分别采用业界领先、开源免费的Angular、RxJS、ECharts,通过GoogleMaps JavaScript API接入Google地图;接着以播种机分布、播种机作业实时监测两个模块为例描述开发实现过程。平台前端具备技术前瞻、展示效果好、成本低的优势,对提升和推广智能播种机作业的远程监管具有重大推动作用。 展开更多

关键词 作业远程监管 作业实时监测 web前端开发 数据可视化 ANGULAR

在线阅读 下载PDF 职称材料

Web前端组件中的跨站脚本攻击检测算法研究

13

作者 李新荣 谢绍敏 《现代电子技术》 北大核心 2024年第14期30-34,共5页

前端组件涉及多个数据流,包括用户输入、服务器返回的数据等,恶意脚本会隐藏在这些数据流中,且跨站脚本攻击存在变异性和不确定性,导致对其检测困难。因此,提出一种Web前端组件中的跨站脚本攻击检测算法。使用基于网络爬虫的Web前端组... 前端组件涉及多个数据流,包括用户输入、服务器返回的数据等,恶意脚本会隐藏在这些数据流中,且跨站脚本攻击存在变异性和不确定性,导致对其检测困难。因此,提出一种Web前端组件中的跨站脚本攻击检测算法。使用基于网络爬虫的Web前端组件跨站脚本信息抓取模型,抓取不重复冗余的Web前端组件跨站脚本信息;再将所抓取的脚本信息作为多分类支持向量机算法的训练样本。检测之前,在权威Web漏洞提交平台Exploit-db中,提取大规模变形跨站脚本信息样本,使用训练完毕的多分类支持向量机对抓取的脚本信息进行分类和检测。实验结果表明,所提算法对100条反射型跨站脚本攻击、50条存储型跨站脚本攻击、10条DOM型跨站脚本攻击的数据分类结果准确,且分类结果的样本分布中,攻击跨站脚本会按照攻击类型有序分布。 展开更多

关键词 web前端组件 跨站脚本 攻击检测 网络爬虫 信息抓取 多分类支持向量机

在线阅读 下载PDF 职称材料

基于深度学习的前列腺癌智能辅助诊断系统

14

作者 王刚 孟宁 +1 位作者 朱进 李春杰 《计算机应用与软件》 北大核心 2025年第4期21-26,99,共7页

前列腺癌已经成为全球男性发病率仅次于肺癌的第二大癌症,其死亡率位居第五。设计前列腺癌智能辅助诊断系统具有重要临床意义。在仅有图像级标注数据集的情况下,存在利用卷积神经网络只对图像分类,但没有给出癌化区域。针对这种情况,采... 前列腺癌已经成为全球男性发病率仅次于肺癌的第二大癌症,其死亡率位居第五。设计前列腺癌智能辅助诊断系统具有重要临床意义。在仅有图像级标注数据集的情况下,存在利用卷积神经网络只对图像分类,但没有给出癌化区域。针对这种情况,采用以EfficientNet-B0为架构的卷积神经网络模型为基础分类模型,对图像分块并得到每块的类别,再通过聚类算法得到癌化区域。在Web前端上传病理图像,等处理完成后可以查看辅助诊断结果。实验结果表明,该系统癌化区域的精确率为76.61%,召回率为72.52%,能有效地得到大致区域,获得满意的辅助诊断效果。 展开更多

关键词 前列腺病理切片图像 卷积神经网络 图像分块 web前端

在线阅读 下载PDF 职称材料

1+X证书制度下高职“JavaScript程序设计”课程标准开发 被引量：3

15

作者 韩芝萍 柴方艳 +1 位作者 刘玉兵 曹根军 《辽宁农业职业技术学院学报》 2023年第1期29-33,共5页

对比“1+X”Web前端开发技能等级证书制度要求,传统的“JavaScript程序设计”课程标准存在着课程目标与岗位需求不匹配,课程内容关联性、针对性不强,教学方式方法缺少多元互补,课程考核评价标准体系不完善等缺陷,重点从课程目标定位、... 对比“1+X”Web前端开发技能等级证书制度要求,传统的“JavaScript程序设计”课程标准存在着课程目标与岗位需求不匹配,课程内容关联性、针对性不强,教学方式方法缺少多元互补,课程考核评价标准体系不完善等缺陷,重点从课程目标定位、课程内容重构、改革教学方法、创新课程评价等方面对课程标准进行修订,修订后的课程标准有效对接Web前端技能等级证书标准,有效适应岗位能力需求,有效提升软件开发专业人才培养质量。 展开更多

关键词 web前端开发 JAVASCRIPT 课程标准 人才培养质量

在线阅读 下载PDF 职称材料

一种基于机器学习的网页分类技术 被引量：10

16

作者 孙靖超 《信息网络安全》 CSCD 2017年第9期45-48,共4页

随着网络的普及,网页的数量飞速增长,混杂其中的恶意网页占据的比例也呈上升趋势。恶意网页的检测一直是网络安全领域的研究重点和难点,传统的恶意网页检测模型在新形势下的表现不尽如人意。机器学习算法在恶意网页领域的应用是突破传... 随着网络的普及,网页的数量飞速增长,混杂其中的恶意网页占据的比例也呈上升趋势。恶意网页的检测一直是网络安全领域的研究重点和难点,传统的恶意网页检测模型在新形势下的表现不尽如人意。机器学习算法在恶意网页领域的应用是突破传统恶意网页检测局限的一种途径。文章开发出一个基于机器学习的对恶意网页检测的模型,该模型通过收集诸如URL、主机信息和各种网页内容的特征信息并通过机器学习算法对网页进行分类,与前人工作相比达到了更好的分类效果。 展开更多

关键词 恶意网页 钓鱼网页 机器学习 前端安全

在线阅读 下载PDF 职称材料

基于B/S的空间站高温柜地基实验远程操控系统 被引量：4

17

作者 胡鹏飞 于强 《计算机应用与软件》 北大核心 2023年第12期9-15,78,共8页

在空间站高温柜地基实验中,利用B/S架构,采取MVC模型,设计开发远程操控系统。该系统应用于我国空间站高温材料实验柜地基实验,可以让分布在全国各地的材料科学家远程查看地基匹配实验过程的运行数据并在授权后进行远程操控,有效解决现... 在空间站高温柜地基实验中,利用B/S架构,采取MVC模型,设计开发远程操控系统。该系统应用于我国空间站高温材料实验柜地基实验,可以让分布在全国各地的材料科学家远程查看地基匹配实验过程的运行数据并在授权后进行远程操控,有效解决现场技术专家匮乏、数据获取效率低下、实验成本较高等实际问题,在大幅降低实验过程监测成本的同时为智能化、高效化的地基实验提供有效保障。 展开更多

关键词 远程操控 前端 服务端 数据库 web开发

在线阅读 下载PDF 职称材料

基于前端开发框架的果园数据监测系统设计 被引量：2

18

作者 郑新建 《农机化研究》 北大核心 2023年第8期220-223,共4页

为了解决现代果园面积大、采集数据多、监管不到位的问题,设计了一款基于前端开发框架的数据监测系统。系统针对果园前期采集到的环境数据建立Web界面,实现了环境数据查看、培育建议查看、种植问题咨询、个人信息管理及系统管理等功能,... 为了解决现代果园面积大、采集数据多、监管不到位的问题,设计了一款基于前端开发框架的数据监测系统。系统针对果园前期采集到的环境数据建立Web界面,实现了环境数据查看、培育建议查看、种植问题咨询、个人信息管理及系统管理等功能,方便果园果农、专家及系统管理员对果园情况进行监管、查看和交流。借助Bootstrap、WebSocket、MySQL等技术与工具,首先分析了系统的需求,包括功能性需求和非功能性需求;其次,采用轻量级Spring MVC,将总体架构分为用户界面层、业务逻辑层及数据访问层进行了设计;再次,介绍了系统的主要功能及实现过程;最后,展示了部分主要的Web界面。测试表明:系统运行良好,能够实现果园数据的监测功能。 展开更多

关键词 果园 数据监测 前端开发 Spring MVC web界面

在线阅读 下载PDF 职称材料