一种基于国产CPU、操作系统和浏览器的Web性能优化方法技术方案

本发明专利技术公开了一种基于国产CPU、操作系统和浏览器的Web性能优化方法，属于Web性能优化领域；所述的方法包括通过Javascript MVM框架angularJs(1.0)技术对Web应用软件高频触发事件进行处理，通过判断执行间隔时间来决定触发事件是否执行，从而达到节省性能的目的；本发明专利技术法解决了高频触发且大部分无实际意义事件占用大量浏览器性能的问题，有效提高了Web软件的运行速度，和不处理的代码相比，有效提高了软件运行的流畅性；由本发明专利技术方法优化后的方法，不增加使用者的额外操作和对系统资源的占用的额外占用。用的额外占用。用的额外占用。

【技术实现步骤摘要】
一种基于国产CPU、操作系统和浏览器的Web性能优化方法


[0001]本专利技术公开一种基于国产CPU、操作系统和浏览器的Web性能优化方法，涉及Web性能优化


技术介绍

[0002]随着国家对信创的大力支持，行业发展迅速，国内涌现出一批优秀的信创软硬件产品，已经可以满足国内政府、企事业单位日常使用，越来越多基于信创软硬件的Web应用软件系统在很多行业投入使用。
[0003]但是在Web软件开发过程中一些容易反复触发的事件，比如：
[0004]查询，登录，验证码等按钮用户点击太快，导致发送多次请求；
[0005]调整浏览器窗口大小，resize次数过于频繁，造成计算过多；
[0006]Input框查询列表时，输入的内容每改变一次就会触发一次查询，导致查询了很多不是我们想要查询的数据，造成性能浪费；
[0007]浏览器滚动scroll事件，浏览器滚动事件被大量触发，每次触发都会执行回调函数，实际上大部分是可以不执行的，造成性能浪费。
[0008]这些事件的频繁触发会拖慢系统的运行速度，而网上对于国产环境下Web应用软件的高频触发事件性能优化经验分享还比较稀少，这样将会不断重复研发优化方法，造成资源浪费。
[0009]故现专利技术一种基于JavaScript MVW框架的Web性能优化方法及系统，以解决上述问题。

技术实现思路

[0010]本专利技术针对现有技术的问题，提供一种基于国产CPU、操作系统和浏览器的Web性能优化方法，所采用的技术方案为：一种基于国产CPU、操作系统和浏览器的Web性能优化方法，所述的方法包括通过Javascript MVM框架angularJs(1.0)技术对Web应用软件高频触发事件进行处理，通过判断执行间隔时间来决定触发事件是否执行，从而达到节省性能的目的。
[0011]所述高频事件触发后预设时间内函数只会执行一次，如果预设时间内高频事件再次被触发，则重新计算。
[0012]所述高频事件触发后预设时间内函数只会执行一次，如果预设时间内高频事件再次被触发，则重新计算的具体步骤如下：
[0013]S1使用angularJs的$timeout指令，设置执行延时间；
[0014]S2在预设时间内触发高频事件时，清除当前$timeout指令并重新设定。
[0015]所述高频事件触发后在一段时间内，有规律的在每个预设时间间隔执行一次事件，稀释了事件执行的频率。
[0016]所述高频事件触发后在一段时间内，有规律的在每个预设时间间隔执行一次事
件，稀释了事件执行的频率的具体步骤如下：
[0017]S1第一次执行方法时，设置全局变量并赋值为false，判断全局变量是否为true；
[0018]S2是则退出执行，否的情况下设置全局变量true；
[0019]S3使用$timeout指令，并在指令内设置全局变量为false。
[0020]一种基于国产CPU、操作系统和浏览器的Web性能优化系统，所述系统具体包括指令延迟模块和指令处理模块：
[0021]指令延迟模块：使用angularJs的$timeout指令，设置执行延时间；
[0022]指令处理模块：在预设时间内触发高频事件时，清除当前$timeout指令并重新设定。
[0023]一种基于国产CPU、操作系统和浏览器的Web性能优化系统，所述系统具体包括变量判断模块、变量处理模块和变量设置模块：
[0024]变量判断模块：第一次执行方法时，设置全局变量并赋值为false，判断全局变量是否为true；
[0025]变量处理模块：是则退出执行，否的情况下设置全局变量true；
[0026]变量设置模块：使用$timeout指令，并在指令内设置全局变量为false。
[0027]本专利技术的有益效果为：本专利技术针对当前国产环境下Web软件的性能问题，本专利技术法解决了高频触发且大部分无实际意义事件占用大量浏览器性能的问题，有效提高了Web软件的运行速度，和不处理的代码相比，有效提高了软件运行的流畅性；由本专利技术方法优化后的方法，不增加使用者的额外操作和对系统资源的占用的额外占用。
附图说明
[0028]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0029]图1是本专利技术方法实施例一的实施流程图；图2是本专利技术方法实施例二的实施流程图。
具体实施方式
[0030]下面结合附图和具体实施例对本专利技术作进一步说明，以使本领域的技术人员可以更好地理解本专利技术并能予以实施，但所举实施例不作为对本专利技术的限定。
[0031]实施例一：
[0032]一种基于国产CPU、操作系统和浏览器的Web性能优化方法，所述的方法包括通过Javascript MVM框架angularJs(1.0)技术对Web应用软件高频触发事件进行处理，通过判断执行间隔时间来决定触发事件是否执行，从而达到节省性能的目的；
[0033]进一步的，所述高频事件触发后预设时间内函数只会执行一次，如果预设时间内高频事件再次被触发，则重新计算；
[0034]再进一步的，所述高频事件触发后预设时间内函数只会执行一次，如果预设时间内高频事件再次被触发，则重新计算的具体步骤如下：
[0035]S1使用angularJs的$timeout指令，设置执行延时间；
[0036]S2在预设时间内触发高频事件时，清除当前$timeout指令并重新设定；
[0037]第一次执行方法时，使用angularJs的$timeout指令，设置执行延时，延时时间可以作为参数自定义，让函数更加灵活；在预设时间内事件再被触发时，会清除当前的$timeout指令取消然后重新设置一次$timeout指令，延时时间与第一次时间一致，即重新计时；这样在预设时间内每次触发事件时都取消之前的延时调用方法并设置新的延时调用，最终只会调用触发间隔大于预设时间的事件；
[0038]本专利技术方法能够降低高频事件的执行频率，避免大量不必要执行的回调方法，从而提高Web应用性能；
[0039]本专利技术方法适用于事件高频触发的事件但是该事件有停顿，例如：实时查询事件、浏览器缩放事件等，这样可以保证最终结果是用户所需要的，并且可以把中间非用户目标的状态过滤掉；
[0040]实施例二：
[0041]一种基于国产CPU、操作系统和浏览器的Web性能优化方法，所述的方法包括通过Javascript MVM框架angularJs(1.0)技术对Web应用软件高频触发事件进行处理，通过判断执行间隔时间来决定触发事件是否执行，从而达到节省性能的目的；
[0042]进一步的，所述高频事件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于国产CPU、操作系统和浏览器的Web性能优化方法，其特征是所述的方法包括通过Javascript MVM框架angularJs(1.0)技术对Web应用软件高频触发事件进行处理，通过判断执行间隔时间来决定触发事件是否执行，从而达到节省性能的目的。2.根据权利要求1所述的方法，其特征是所述高频事件触发后预设时间内函数只会执行一次，如果预设时间内高频事件再次被触发，则重新计算。3.根据权利要求2所述的方法，其特征是所述高频事件触发后预设时间内函数只会执行一次，如果预设时间内高频事件再次被触发，则重新计算的具体步骤如下：S1使用angularJs的$timeout指令，设置执行延时间；S2在预设时间内触发高频事件时，清除当前$timeout指令并重新设定。4.根据权利要求1所述的方法，其特征是所述高频事件触发后在一段时间内，有规律的在每个预设时间间隔执行一次事件，稀释了事件执行的频率。5.根据权利要求4所述的方法，其特征是所述高频事件触发后在一段时间内，有规律的在每个预设时间间隔执行一次事件，稀释了事...

【专利技术属性】
技术研发人员：张海伦，李杨，王松，
申请(专利权)人：浪潮软件集团有限公司，
类型：发明
国别省市：