- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
注意:我没有开发这个网站 - 我只是需要处理它。
我有一个包含 LAB.js 的文档,用于在头部异步加载一系列脚本。再往下,我还有两个外部脚本,一个在头部的下方,另一个在 body 的顶部。
这两个脚本通常无法访问。它们都被标记为“异步”,并且不会阻止文档加载。然而 - 它们显然阻止了其他脚本的执行。
需要明确的是,第一系列脚本会立即下载,但在下载其他两个异步脚本之前似乎不会执行。
该网站不是公开的,并且无法在 jsfiddle 中创建此类问题。粗略的说明:
<!doctype html>
<head>
<!-- This script asynchronously loads many others -->
<script src="/js/LAB.js"></script>
<script src="slow-server/js/slowscript1.js" async></script>
</head>
<body>
<script src="show-server/js/slowscript2.js" async></script>
</body>
Lab.js 信息:http://labjs.com/
LAB 会将其他几个脚本标记添加到要异步加载的头部。它们都会立即下载,但在“慢速服务器”脚本响应之前不会执行。有时需要一段时间。在我看来,对于具有 async 属性的脚本来说,这似乎是不正确的行为(我正在 Chrome 中进行测试)。我有什么遗漏的吗?
最佳答案
来自this MDN page :
There are three possible modes that can be selected using these attributes. If the async attribute is present, then the script will be executed asynchronously, as soon as it is available. If the async attribute is not present but the defer attribute is present, then the script is executed when the page has finished parsing. If neither attribute is present, then the script is fetched and executed immediately, before the user agent continues parsing the page.
因此,当脚本异步时,它将立即从服务器获取,但 DOM 解析将并行继续。这部分简单明了。
然后,一旦异步脚本被获取,它将被执行。此执行可能在 DOM 完成加载之前或之后,完全取决于加载/解析的时间,并且可能在页面中的其他非异步脚本运行之前或之后。
请注意,由于浏览器中的 JavaScript 是单线程的,一旦此异步脚本开始执行,在该脚本完成之前不会运行其他脚本,即使它是“异步”的。脚本上的异步允许继续解析 DOM(而不是阻止),但它不会阻止脚本在可用时执行,并且一旦执行,其他处理必须等待它完成执行。
如果您希望脚本在 DOM 和 DOM 中的任何常规脚本加载并运行之后才执行,那么您应该使用“defer”,而不是“async”。
仅供引用,如果您想了解所有这些的实际规范,那就是 here .
<小时/>如果您想更详细地解释所有这些如何适用于您的具体情况,您至少必须向我们提供您所询问的脚本的伪代码表示,因为您的文字不够清楚关注。
关于javascript - 具有 asyc 属性的脚本仍然会阻止其他脚本执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19598002/
这是代码片段。 请说出这种用小内存存储大数据的算法是什么。 public static void main(String[] args) { long longValue = 21474836
所以我使用 imap 从 gmail 和 outlook 接收电子邮件。 Gmail 像这样编码 =?UTF-8?B?UmU6IM69zq3OvyDOtc68zrHOuc67IG5ldyBlbWFpb
很久以前就学会了 C 代码;想用 Scheme 尝试一些新的和不同的东西。我正在尝试制作一个接受两个参数并返回两者中较大者的过程,例如 (define (larger x y) (if (> x
Azure 恢复服务保管库有两个备份配置选项 - LRS 与 GRS 这是一个有关 Azure 恢复服务保管库的问题。 当其驻留区域发生故障时,如何处理启用异地冗余的恢复服务保管库?如果未为恢复服务启
说,我有以下实体: @Entity public class A { @Id @GeneratedValue private Long id; @Embedded private
我有下一个问题。 我有下一个标准: criteria.add(Restrictions.in("entity.otherEntity", getOtherEntitiesList())); 如果我的
如果这是任何类型的重复,我会提前申请,但我找不到任何可以解决我的具体问题的内容。 这是我的程序: import java.util.Random; public class CarnivalGame{
我目前正在使用golang创建一个聚合管道,在其中使用“$ or”运算符查询文档。 结果是一堆需要分组的未分组文档,这样我就可以进入下一阶段,找到两个数据集之间的交集。 然后将其用于在单独的集合中进行
是否可以在正则表达式中创建 OR 条件。 我正在尝试查找包含此类模式的文件名列表的匹配项 第一个案例 xxxxx-hello.file 或者案例二 xxxx-hello-unasigned.file
该程序只是在用户输入行数时创建菱形的形状,因此它有 6 个 for 循环; 3 个循环创建第一个三角形,3 个循环创建另一个三角形,通过这 2 个三角形和 6 个循环,我们得到了一个菱形,这是整个程序
我有一个像这样的查询字符串 www.google.com?Department=Education & Finance&Department=Health 我有这些 li 标签,它们的查询字符串是这样
我有一个带有静态构造函数的类,我用它来读取 app.config 值。如何使用不同的配置值对类进行单元测试。我正在考虑在不同的应用程序域中运行每个测试,这样我就可以为每个测试执行静态构造函数 - 但我
我正在寻找一个可以容纳多个键的容器,如果我为其中一个键值输入保留值(例如 0),它会被视为“或”搜索。 map, int > myContainer; myContainer.insert(make_
我正在为 Web 应用程序创建数据库,并正在寻找一些建议来对可能具有多种类型的单个实体进行建模,每种类型具有不同的属性。 作为示例,假设我想为“数据源”对象创建一个关系模型。所有数据源都会有一些共享属
(1) =>CREATE TABLE T1(id BIGSERIAL PRIMARY KEY, name TEXT); CREATE TABLE (2) =>INSERT INTO T1 (name)
我不确定在使用别名时如何解决不明确的列引用。 假设有两个表,a 和 b,它们都有一个 name 列。如果我加入这两个表并为结果添加别名,我不知道如何为这两个表引用 name 列。我已经尝试了一些变体,
我的查询是: select * from table where id IN (1,5,4,3,2) 我想要的与这个顺序完全相同,不是从1...5,而是从1,5,4,3,2。我怎样才能做到这一点? 最
我正在使用 C# 代码执行动态生成的 MySQL 查询。抛出异常: CREATE TABLE dump ("@employee_OID" VARCHAR(50)); "{"You have an er
我有日期 2016-03-30T23:59:59.000000+0000。我可以知道它的格式是什么吗?因为如果我使用 yyyy-MM-dd'T'HH:mm:ss.SSS,它会抛出异常 最佳答案 Sim
我有一个示例模式,它的 SQL Fiddle 如下: http://sqlfiddle.com/#!2/6816b/2 这个 fiddle 只是根据 where 子句中的条件查询示例数据库,如下所示:
我是一名优秀的程序员,十分优秀!