我正在使用Semantic-UI框架,试图建立一个网站。
我的属性中包含以下组件。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/visibility.min.js" type="text/javascript"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/dropdown.min.js" type="text/javascript"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/accordion.min.js" type="text/javascript"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/sidebar.min.js" type="text/javascript"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/rating.min.js" type="text/javascript"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/components/transition.min.js" type="text/javascript"></script>
我的问题:当我尝试为jquery实现defer / async时,我认为一些js文件在它之前加载,并且因为它们依赖于jQuery来运行,所以我得到了控制台错误并且我页面上的元素赢了#39 ; t功能。
我想知道是否有一种方法可以完成这项工作(至少在最新的Chrome / Firefox / Safari中可用)浏览器。
另外,作为第二个问题,有没有办法为google字体和其他外部资源实现异步?