【问题标题】:A way of checking if javascript files are loading in order?一种检查javascript文件是否按顺序加载的方法?
【发布时间】:2018-09-26 01:37:24
【问题描述】:

我了解,如果我有一个 js 文件 (x.js) 具有某些功能,另一个文件 (y.js) 使用来自 x.js 的功能,那么在加载文件时,我必须加载 x​​.js然后y.js

在更大的项目中,1) 有没有办法检查 JS 文件是否以正确的顺序加载?或者 2) 有没有一种检查 JS 文件加载顺序的标准化方法?

我上周在工作中接手*了一个大型项目,有时主页正确加载,没有控制台错误,其他时候我得到一些控制台错误。

*该项目过去有很多部分,但现在他们将其缩减为一个部分。但是 JS 文件的依赖太多了,在我之前工作的人并没有费心清理文件,标记未使用的函数,甚至评论。

【问题讨论】:

    标签: javascript html dom frontend backend


    【解决方案1】:

    我相信您可以将具有依赖关系的脚本标记为defer,这样在其他脚本首先加载之前它们不会加载。来自html5 spec

    如果元素有src属性,并且元素有defer 属性,并且该元素已被标记为“解析器插入”,并且 该元素没有异步属性 必须添加该元素 到文档时将执行的脚本列表的末尾 已完成与解析器的 Document 关联的解析 创建了元素。

    【讨论】:

    • 这很有帮助,谢谢。我不明白为什么有人对这个问题投了反对票。
    • 如果其中一些依赖项相互依赖怎么办...... defer 不会有帮助 - 除非延迟的依赖项的顺序正确,我猜:p(引入现代 ES 模块)
    猜你喜欢
    • 2011-05-01
    • 1970-01-01
    • 2017-05-11
    • 2015-10-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-31
    • 2017-03-08
    相关资源
    最近更新 更多