优化javascript的任何更好的方法

Any better ways to optimize javascript?

本文关键字：方法 更好 任何 优化 javascript      更新时间：2023-11-13

我正在做一个有几个javascript文件的web项目，发现前端响应有点慢，尤其是在firefox上。已经排除了与服务器端相关的因素，所以我得出结论，它一定与我的javascript有关
我目前使用firebug进行调试，使用console.log（），或者通过在这里和那里注释一些代码
但事实证明这非常耗时！有人有其他有效或更好的方法来帮助我吗？提前谢谢。

*********下面是占用大部分时间的部分代码，@Bill。Firebug向"mainTabs"报告了一个未定义的错误。但当我尝试在加载回调中重新声明mainTabs时，它仍然保持不变*******

var mainTabs = $("#main-tabs").tabs({
    selected: defaultTab,
    cache: true, //set tabs to cache the content
    load: function(event, ui){
            //want to preload the non-active tabs' content
            console.log("mainTbas: "+mainTabs.html());
            mainTabs.tabs("load", ui.index+1);
    }
});

Firebug有一个脚本探查器，您可以使用它来查找问题所在。它位于Console选项卡下，就在All按钮之前。单击Profile按钮，然后刷新页面（或执行页面上运行缓慢的操作）。再次单击Profile按钮可获得一个表格，该表格将告诉您哪些功能花费的时间最多。从那里开始尝试并优化。

对于示例代码，您需要首先声明mainTabs。这应该可以工作（至少根据后台的Preload JQuery UI选项卡，我认为这是您开始使用的）：

var mainTabs;  // declare mainTabs first.
mainTabs = $("#main-tabs").tabs({
                selected: defaultTab,
                cache: true, //set tabs to cache the content
                load: function(event, ui){
                    mainTabs.tabs("load", ui.index+1);
                }
            });
相关文章：