我想我参加聚会有点晚了,但是我真的很难理解“异步”和“推迟”。
从阅读文档中,我了解到以下混合物将允许所有“异步”以“延迟”(scripts.js)运行之前的任何顺序加载。但是,在测试中,我看到延迟的'scripts.js'在异步加载之前运行,这会导致库尚未准备好初始化的问题。
<script async src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script async src="/-/js/modernizr.js"></script>
<script async src="/-/js/fancybox.js"></script>
<script async src="/-/js/lazysizes.js"></script>
<script async src="/-/js/slideshow.js"></script>
<script async src="/-/js/form.js"></script>
<script async src="/-/js/watch.js"></script>
<script defer src="/-/js/scripts.js"></script>
'scripts.js'的内容包装在文档就绪函数中,我还认为只有在'async'脚本完全加载后才能运行:
jQuery(document).ready(function(){
从文档中,我了解到将按顺序加载任何“ defer”,因此我应该对所有对象都应用“ defer”,还是应该使用其他文档功能?
编辑-我应该提到'scripts.js'脚本依赖于其他脚本。