javascript - 添加 CSS 类不被浏览器渲染

Question

我有以下代码(Backbone View ，使用 Handlebars 呈现):

_this.$el.addClass("loading");

_this.el.innerHTML = _this.template({
    some: data
});

_this.otherCPUConsumingRenderingFunctions();

_this.$el.removeClass("loading");

CSS 类在屏幕上显示“正在加载”消息以警告用户，因为由于数据量大且渲染复杂，渲染需要时间。

我的问题是 CSS 类已正确应用(我在检查器中看到它)但屏幕上没有显示任何内容。如果我设置断点并逐步执行，它将完美运行。

Chrome 和 Firefox 都会出现此问题。

Answer 1

浏览器中没有任何渲染函数是同步的。因此，您的 otherCPUConsumingRenderingFunctions 很可能在您调用它时立即返回。它稍后异步执行。

这就是为什么您的加载类在添加后立即被删除的原因。