JavaScript-如何使以下代码更快？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-如何使以下代码更快？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1765字，纯文字阅读大概需要3分钟。

内容图文

我正在使用phonegap开发应用程序.在我的PC上,一切正常,但在移动设备上,速度太慢.

我认为问题出在show函数上,android浏览器似乎需要很长时间才能隐藏和显示元素

有什么可以改进的？

function show(id){
    $('.view').hide()
    //alert('show ' + id)
    $('#'+id+'View').show()
    scroll(0,0)
}


function getSoundHTML(id, myname, del){

    if (del != true){
        var imgsrc = 'plus.png'
        var f = function(){
            addToCostumSounds(id)
            alert('added to favorites')
        }
    }else{
        var imgsrc = 'minus.png'
        var f = function(){
            removeFromCostumSounds(id);
            $(this).fadeOut().next('div').fadeOut();
        }
    }

    var div = $('<div></div>').addClass('box').html(myname).css('border-color', '999999').click(function(){
        play(id)
    })
    var img = $('<img></img>').attr('src', imgsrc).addClass('sideimg').click(f)

    return $('<div></div>').append(img).append(div)
}

for(var category in categories){

    var f = function(category){
        $('#'+category+'Btn').click(function(){
                show(category)

                var categoryView = $('#'+category+'View')
                for(var key in categories[category]){
                    var div = getSoundHTML(key, categories[category][key])
                    categoryView.prepend(div)
                }
                var img = '<img src="menu.png" class="menuimg"/>'
                categoryView.prepend(img)
                categoryView.append(img)
        })
    }
    f(category)
}

HTML：

    <div class="btn" id="noBtn">no _</div>
    <div class="btn" id="thatIsBtn">that is _</div>
    <div class="btn" id="thereIsBtn">there is _</div>
    <div class="btn" id="thisIsBtn">this is _</div>
    ...


<div class="view" id="noView"></div>
<div class="view" id="thatIsView"></div>
<div class="view" id="thereIsView"></div>
<div class="view" id="thisIsView"></div>
...

解决方法:

尽管它可能对台式机没有影响,但在正确的位置大量缺少分号可能会对移动设备产生影响.

JavaScript引擎必须运行并尝试找出分号需要去的地方.参见this transcript from the ECMAScript specification.

老实说,我认为这仅节省了几毫秒的时间,但这只是现在的起点-也是未来的良好做法.

内容总结

以上是互联网集市为您收集整理的JavaScript-如何使以下代码更快？全部内容，希望文章能够帮你解决JavaScript-如何使以下代码更快？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端