Labjs是否推迟了已加载脚本的执行直到DOM准备好了？

Question

问题是关于http://labjs.com - 一个非阻塞的JavaScript加载和依赖项管理的很棒的库.

我已经阅读了文档,但我必须太累或者其他东西 - 我找不到关于DOM ready事件的任何内容.在DOM准备好之后是否执行脚本？

也许如果我这样做:

$LAB.script('my-library.js').wait(function(){ 
  // interacting with DOM 
});

它会安全吗？或者我应该使用某种$(function() {})等？

Answer 1

默认情况下,任何脚本加载器都会从页面的DOM-ready和onload事件中解除脚本加载的阻塞,至少是通过intent/definition.

所以,直截了当的答案是,NO,LABjs不会阻止脚本执行,直到DOM就绪.LABjs加载的一些脚本可以在DOM-ready之前运行,而其他脚本可以在DOM-ready之后运行.

如果您真的遇到代码需要等待DOM的情况,那么您应该使用类似jQuery的框架并使用其内置的DOM-ready包装器 $(document).ready(...) 来使该逻辑DOM准备就绪.

但是,在很多情况下,人们认为他们需要等待DOM准备就绪,而他们确实不这样做:

大多数人将DOM-ready与"所有脚本完成加载"混为一谈.如果您只是在等待DOM-ready,因为您需要确保所有脚本都已加载,这是一个错误且不正确的假设.相反,使用脚本加载器的工具来确定何时加载所有脚本,并在适当的时间运行它们,而不管DOM加载如何.使用LABjs,这就像将所有脚本放在一个$ LAB链中一样简单,并且在链.wait()的末尾有一个final - 您可以放心,在.wait()所有脚本加载之前,该回调中的代码将无法运行并运行.
大多数人认为他们需要等待DOM准备就绪,例如附加事件处理程序或触发Ajax请求.这也是一个不正确的假设.如果您的代码只是在DOM中查询要附加事件处理程序的元素,或者如果您根本不对DOM执行任何操作,而是进行Ajax调用,请不要将逻辑包装在DOM-ready包装器中.
另一方面,许多人认为如果你的代码在body标签的末尾运行,那么你就不需要等待DOM-ready.错误.无论在何处指定代码,DOM-ready都可以使用DOM.

通常,您的代码真正需要包装在DOM-ready包装器中的唯一时间是它是否要修改DOM.否则,不要等待DOM-ready运行代码.关心什么是包装,什么不包装.