Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么东西跑得更快?_Javascript_Jquery_Performance - Fatal编程技术网

Javascript 什么东西跑得更快?

Javascript 什么东西跑得更快?,javascript,jquery,performance,Javascript,Jquery,Performance,我用javascript制作了这个缩略图旋转器,并认为它可以像第一个示例中看到的那样写得更短,但是这会有助于提高性能吗?为了最大限度地提高javascript速度,您应该遵循哪些一般准则?(请原谅我的丑陋代码,我对这个游戏很陌生) 还是这个 function mouseOverfirst(videoId){ var numb = 7; $('#'+videoId).attr('src',videoId+'/thumb'+numb+'.png');

我用javascript制作了这个缩略图旋转器,并认为它可以像第一个示例中看到的那样写得更短,但是这会有助于提高性能吗?为了最大限度地提高javascript速度,您应该遵循哪些一般准则?(请原谅我的丑陋代码,我对这个游戏很陌生)

还是这个

function mouseOverfirst(videoId){
            var numb = 7;
            $('#'+videoId).attr('src',videoId+'/thumb'+numb+'.png');
            if(numb == 7){
                mouseOver('video1');
            }
}

function mouseOver(videoId){
            var num = 8;
            interval = setInterval(function(){
             $('#'+videoId).attr('src',videoId+'/thumb'+num+'.png');   
                if(num == 15){
                    num = 1;
                }    
                else
                {
                    num++;
                }
            },500);
        }

两个程序的复杂性是相同的


使用哪一个并不重要,但第二个更容易接近,因为它是一个函数
mouseOverFirst
mouseOverFirst
可以很容易地重用。

两个程序的复杂度是相同的


使用哪一个并不重要,但第二个更容易接近,因为它的函数
mouseOverFirst
mouseOver
可以很容易地重用。

您到底想实现什么?你对图像旋转做了单独的幻灯片吗?我觉得你的变量
num
numb
在声明后不会改变,那么你为什么需要if语句呢?你似乎关心性能,但你使用
$(“#”+videoId).attr('src',…)
而不是速度快得无法形容的
document.getElementById(videoId).src=…
-您在错误的地方寻找优化。如果您想让它运行得更快,请将时间间隔从500毫秒减少到200毫秒。SCNR此代码对性能绝对不敏感。相反,要学会编写更漂亮的代码!你到底想完成什么?你对图像旋转做了单独的幻灯片吗?我觉得你的变量
num
numb
在声明后不会改变,那么你为什么需要if语句呢?你似乎关心性能,但你使用
$(“#”+videoId).attr('src',…)
而不是速度快得无法形容的
document.getElementById(videoId).src=…
-您在错误的地方寻找优化。如果您想让它运行得更快,请将时间间隔从500毫秒减少到200毫秒。SCNR此代码对性能绝对不敏感。相反,要学会编写更漂亮的代码!
function mouseOverfirst(videoId){
            var numb = 7;
            $('#'+videoId).attr('src',videoId+'/thumb'+numb+'.png');
            if(numb == 7){
                mouseOver('video1');
            }
}

function mouseOver(videoId){
            var num = 8;
            interval = setInterval(function(){
             $('#'+videoId).attr('src',videoId+'/thumb'+num+'.png');   
                if(num == 15){
                    num = 1;
                }    
                else
                {
                    num++;
                }
            },500);
        }