简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Javascript – Verständnis asynchroner Module
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-07-05 10:49:39
0
2
924

Bei synchronen Modulen muss das Modul vorab in den Speicher geladen werden.
Bei asynchronen Modulen ist die Implementierung von requirejs beispielsweise auf das Front-End angewiesen und wird nicht auch im Voraus in den Speicher geladen. Warum wird es dann als asynchron bezeichnet? Nachdem ich viel über AMD und CMD gelesen habe, verstehe ich den Unterschied zwischen synchronem Modulladen und asynchronem Modulladen nicht ganz.

曾经蜡笔没有小新
曾经蜡笔没有小新

Antworte allen(2)
淡淡烟草味
淡淡烟草味2017-07-05 10:51:39 2 Etage

这个机制和【内存】关系并不大，更多可以理解为【脚本的下载时机】。

前端的特殊性在于，脚本文件的体积和下载时间，会直接影响页面性能。同步加载的规范中，所有依赖必须下载好后，脚本才能执行。

而异步加载的规范中，只有代码运行到需要的位置时，才会加载所需要的脚本。例如一个巨大的单页应用，首页部分的脚本可以特别轻，而进入某个功能页时，再异步加载需要的模块，这样对性能有很大的帮助。

Wie +0
Antwort hinzufügen
我想大声告诉你
我想大声告诉你2017-07-05 10:51:39 1 Etage

requirejs的异步加载本质上是在<head>里append需要异步加载的<script>，这些<script>元素都有async属性来实现非阻塞异步加载。然后通过onload监听各个脚本加载完成状态，来实现多个存在依赖关系的脚本先后加载次序。可以自己用async和onload实现简单的异步加载功能，但要实现requirejs这样的功能，还是要花不少心思的。

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！