当前位置:首页 > 日记 > 正文

Javascript函数节流的探讨

Javascript函数节流的探讨
在浏览器中的一些计算和处理比其他的贵得多。例如,DOM操作要求比非DOM交互更多的内存和CPU时间。做太多的DOM相关业务不断的尝试可能会导致浏览器挂了,有时甚至崩溃,这是特别容易使用伊江onresize事件处理程序,和事件触发连续当浏览器的大小调整。如果一个DOM操作试图在onresize事件处理程序中,高频率的变化可能导致浏览器崩溃。

在功能节流的基本思想是一些代码不能重复执行无中断。在第一次调用函数,创建一个定时器,指定的时间间隔后运行的代码,当调用函数时的第二次,它清除以前的定时器和设置其他。如果以前的计时器已执行此操作没有任何意义。然而,如果以前的定时器还没有执行,它实际上是由一个新的定时器取代。目的是只有在执行功能的要求已经停止一段时间执行。
复制代码代码如下所示:

函数节流(方法,上下文){

ClearTimeout(方法。TID);

method.tid = setTimeout(){()函数(

method.call(背景);

},100);

}
应用实例:

假设有一个元素需要保持它的高度始终等于宽度,并且可以编码如下:
复制代码代码如下所示:

功能resizediv(){

var div = document.getelementbyid(mydiv );

div.style.height = div.offsetwidth +PX;

}

window.onresize =函数(){

节流阀(resizediv);

}
在这里,调整大小的功能放在一个单独的函数称为resizediv。然后onresize事件处理程序调用节流()介绍了resizediv函数而不是打电话resizediv()直接。在大多数情况下,用户感觉不到变化,虽然浏览器的储蓄可能非常大。

相关文章

对http.createserver方法在Node.js

对http.createserver方法在Node.js

使用说明,方法,电脑软件,http,createserver,方法显示: 此功能是用来创建一个HTTP服务器和使用requestlistener作为听力功能的请求事件。 Grammar: 复制代码代码如下所示: http.createserver({ requestlistener }) 由于此方法属于HTTP模块,所…

如何使用CDR分割图像或矢量图形

如何使用CDR分割图像或矢量图形

分割,图形,图像,矢量,如何使用,本教程是向朋友介绍如何使用CDR分割图片或矢量图形。本教程的方法和效果非常实用,很难学,适合初学者。 该教程教朋友使用CDR分割图片或矢量图形。教程很经典,希望能和你的朋友分享这个技巧。 生产步骤如下: 以上…

JS正则表达式的输入特性($_)介绍RegE

JS正则表达式的输入特性($_)介绍RegE

对象,输入特性,正则表达式,属性,电脑软件,功能描述:该属性是一个静态的只读属性表达式,对正则表达式的属性值和匹配字符串描述RegExp对象的属性,也可以表示为_美元 复制代码代码如下所示: / / objstr是内容相匹配 无功objstr = 'abcddefcdde; …

PHP使用gettimeofday函数返回当前

PHP使用gettimeofday函数返回当前

数组,函数返回,在一,时间,电脑软件,本文说明了PHP使用gettimeofday函数返回当前时间和存储在一个数组。分享给你供你参考。具体分析如下: 英文的官方描述如下: 重点描述 1970年1月1日午夜前秒秒 微秒微秒以来SEC值 数 本地时区与格林尼…

PS图象处理软件设计的游戏网页教程

PS图象处理软件设计的游戏网页教程

网页,图象处理,软件设计,教程,游戏,本教程为您提供了设计游戏主题页面的详细构想,以及配色、材料选择等。对于学习网页设计的小伙伴来说,这是一篇很好的介绍性文章。我向你推荐它。 本课程的重点是网页首页的设计。我们需要根据客户的要求确…

php记得通过正则表达式读取XML数据

php记得通过正则表达式读取XML数据

正则表达式,数据,读取,电脑软件,php,本文介绍了用正则表达式读取数据实例PHP读取XML的方法,供大家参考,具体分析如下: XML源文件如下所示: 活疫苗 男性的 二十八 坦克 男性的 二十八 PHP文档如下所示: = $; $ F = fopen('person。XML,R'); 而($…

将文件目录和文件名从完整文件路径

将文件目录和文件名从完整文件路径

文件路径,文件名,方法,文件目录,完整,本文演示了从php的完整文件路径中分离文件目录和文件名的方法,供大家参考: basename()函数是用来获取文件的路径 的目录()函数用于从路径获得文件目录 full_name美元= c: WAMP PHP PHP INI; 基地= basename(f…

PS图象处理软件设计的简单版本的电

PS图象处理软件设计的简单版本的电

图象处理,教程,软件设计,桌面壁纸,版本,本教程向您介绍如何使用PS图象处理软件设计简单的桌面壁纸。这个教程比较简单,但是做的壁纸真的很好。推荐,像朋友一样可以跟着教程一起学习。 本教程主要是介绍如何使用PS图象处理软件设计一个简单的…

在PS图象处理软件的RGB色彩模式的

在PS图象处理软件的RGB色彩模式的

解决方案,模式,图象,处理软件,色彩,本教程是为PS图象处理软件RGB色彩模式的朋友详细解释,教程是实用的,颜色不是很了解,朋友们可以来参考,希望本教程将帮助你。 本教程是一个朋友给了PS图象处理软件RGB色彩模式的解释。很多朋友在使用ps时对RGB…

烟花制作mm照片,打破边缘效果

烟花制作mm照片,打破边缘效果

边缘,照片,烟花,效果,电脑软件,本教程是向大家介绍利用烟花制作mm照片的碎边效果。本教程是以比较为基础的。方法非常简单,照片制作得非常漂亮。 本教程是向大家介绍利用烟花制作mm照片的碎边效果。本教程是以比较为基础的。这种方法很简单…

画家画酷放逐武士插画

画家画酷放逐武士插画

插画,武士,画家,电脑软件,本教程是在武士用画家酷渲染介绍例证的方法,绘制出来的战士很酷,但也很现实。在绘制的过程中,作者还使用了一些PS的功能,这是很困难的。适合朋友来研究某个画家的基础上,推荐给大家,希望对你有帮助 本教程是在武士用画家…

PS产生的海豚出水效果

PS产生的海豚出水效果

海豚,效果,电脑软件,PS,本教程是介绍PS做海豚的朋友,从水的效果出来,教程做出来的效果很逼真,不是很难,推荐,爱好的朋友一起学习。 如何使画面更具立体效果,或者一张照片中的场景照片效果不佳,甚至有水花和扬起尘埃的效果其实这些都很简单,功能强大…