简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Script的加载方法小结_javascript技巧

WBOY
Freigeben： 2016-05-16 18:12:02
Original
1114 Leute haben es durchsucht

1.静态加载
CSS，图片资源文件在页面渲染过程中可以并行下载，不会阻塞。在IE8，FF下，也可以支持JS的并行下载。尽管页面的JS下载加速了，但是JS对页面渲染的阻塞还是依然存在的，只有JS加载完毕了，页面的剩余部分才能继续渲染。放在Head部分的Script是最为恶劣的，因为对页面来说，Head部分是require的，是后部分所必须的，Head部分不加载完毕，Body部分不会开始解析，Body解析之前，页面是空白的。静态Script放到页面的哪部分来说都是阻塞，从浏览器实现的角度来说很好理解，因为JS代码中完全有可能修改页面元素影响Dom结构。因为浏览器对JS行为的不可预知，所以只好等前面的Script加载完毕后再继续渲染。所以最佳实践往往是说将Script放到页面底部

Verwandte Etiketten：
script 加载
Quelle：php.cn
Vorheriger Artikel：Jquery知识点三 jquery表单对象操作_jquery Nächster Artikel：js对数字的格式化使用说明_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Die JavaScript-Funktion hat keinen Einfluss auf das Klicken auf die Schaltfläche Ich habe im Internet gesucht und viele Dinge ausprobiert, bin aber bei einem relativ einfa...
Aus 2024-04-05 13:14:53
0
2
1433
Kann der Knotenserver React-Anwendungen hosten? Ich bin sehr neu in der Backend-Codierung und es fällt mir schwer zu verstehen, wie eine „...
Aus 2024-04-04 14:32:25
0
1
389
Gibt es eine Möglichkeit, Ressourcenanforderer über PHP oder .htaccess zu unterscheiden? Gibt es eine Möglichkeit, zwischen dem Browser, der die Seite lädt, die die Ressource ange...
Aus 2024-04-04 08:37:32
0
1
404
Zeigen Sie Bestandszähler an mehreren Standorten auf derselben Seite an Dieses Skript eignet sich hervorragend als Aktien-Countdown, ich kann es jedoch nicht an m...
Aus 2024-04-02 14:25:38
0
2
2529
Wie aktualisiere ich den Vuex-Status nach jeder Formularübermittlung? Grundsätzlich verwende ich Vue3 und versuche, einen vom Server zurückgegebenen Fehler zuzu...
Aus 2024-03-30 15:29:17
0
1
316
verwandte Themen
Mehr>
Beliebte Empfehlungen
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！