WMD 编辑器在加载时使 Internet Explorer 7 冻结 3 秒

Question

我正在使用 WMD 编辑器的原始代码（不是 Stack Overflow 版本），因为我需要在同一页面上使用多个编辑器，而 Stack Overflow 的版本在内部大量使用元素 ID，因为它们不会有多个编辑器实例每页。

该代码在 Firefox 3.5 等中运行良好。但是，当我在 Internet Explorer 8（Internet Explorer 7 兼容模式）中运行它时，它会冻结整个浏览器大约 3 秒。在新实例出现之前。我尝试使用 Internet Explorer 的开发工具对其进行分析，似乎代码缩小版本的第 520 行上的 getWidth() 函数一直占用着时间。然而，当我尝试对返回进行硬编码时（因为它总是返回相同的内容），瓶颈转移到了 getHeight() 函数。

我附上了我用来将其转换为 jQuery 插件的代码。

jQuery.fn.wmd = function(params) {
    function createInstance(container, params) {
        /* Make sure WMD has finished loading */
        if (!Attacklab || !Attacklab.wmd) {
            alert("WMD hasn't finished loading!");
            return;
        }
        var defaultParams = {
            width    : "600px",
            rows     : 6,
            autogrow : false,
            preview  : false,
            previewDivClassName: "wmd-preview-div"
        };
        if (typeof(params) == "undefined") {
            var params = defaultParams;
        }
        else {
            var params = jQuery.extend({}, defaultParams, params);
        }

        /* Build the DOM elements */
        var textarea = document.createElement("textarea");
        textarea.style.width = params.width;
        textarea.rows = params.rows;
        jQuery(container).append(textarea);

        var previewDiv = document.createElement("div");
        if (params.preview) {
            jQuery(previewDiv).addClass(params.previewDivClassName);
            jQuery(container).append(previewDiv);
        }

        /* Build the preview manager */
        var panes = {input:textarea, preview:previewDiv, output:null};
        var previewManager = new Attacklab.wmd.previewManager(panes);

        /* Build the editor and tell it to refresh the preview after commands */
        var editor = new Attacklab.wmd.editor(textarea,previewManager.refresh);

        /* Save everything so we can destroy it all later */
        var wmdInstance = {ta:textarea, div:previewDiv, ed:editor, pm:previewManager};
        var wmdInstanceId = $(container).attr('postID');
        wmdInstanceProcs.add(wmdInstanceId, wmdInstance);

        if (params.autogrow) {
            // $(textarea).autogrow();
        }
    };

    if (jQuery(this).html().length > 0) {
        var wmdInstanceId = jQuery(this).attr('postID');
        var inst = wmdInstanceProcs.get(wmdInstanceId);
        jQuery(inst.ta).show();
    }
    else {
        createInstance(this, params);
    }
}

jQuery.fn.unwmd = function(params) {
    var wmdInstanceId = $(this).attr('postID');
    var inst = wmdInstanceProcs.get(wmdInstanceId);
    if (inst != null) {
        jQuery(inst.ta).hide();
    }
}

wmdInstanceProcs = function() {
    var wmdInstances = { };
    var getProc = function(wmdInstanceId) {
        var inst = wmdInstances[wmdInstanceId];
        if (typeof(inst) != "undefined") {
            return inst;
        }
        else {
            return null;
        }
    };
    var addProc = function(wmdInstanceId, wmdInstance) {
        wmdInstances[wmdInstanceId] = wmdInstance;
    };
    return {
        add: addProc,
        get: getProc
    };
}();

任何帮助将不胜感激。

Answer 1

也许加载时间的冻结是由于 IE 7 渲染 JavaScript 造成的。 Firefox 的渲染速度可能更快，因此它使 IE 显得冻结。