2014-10-05 72 views
-1

刚开始使用jQuery插件。 大多数示例(通过youtube,博客等)显示脚本直接插入html文档(请参阅下面的代码作为示例)。这是做这件事的最好方法吗?看起来像保持一切分开将是最好的方式。安装jQuery插件 - 最佳实践?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="js/main.js"></script> 
    <script src="js/jquery.lettering.js"></script> 
    <script> 
     $(document).ready(function() { 
      $(".fancy_title").lettering(); 
     }); 
    </script> 
    <script src="js/jquery.fittext.js"></script> 
    <script> 
     jQuery("#responsive_headline").fitText(); 
    </script> 
+0

好吧,你在做什么是对的...你还想要什么? – 2014-10-05 05:52:33

+0

只想确认可以直接将jquery/javascript添加到html文档中。或者,链接到外部js文档通常更好。 – WonderJunky 2014-10-05 06:39:16

+0

您希望尽可能多地链接到外部文档,因为它将问题分离 - 易于维护 - 并且主页面加载速度更快,因为当脚本代码不在此处时,它的响应大小更小,脚本内容在还有一个单独的小文件(使用缩小可以使其更小)。 – 2014-10-05 06:41:10

回答

0

最佳做法是让你把全球的脚本,然后再是可能会继承或过骑上它们去以下/后他们。

许多人把CSS放在head部分,所以它马上加载,而JS文件在body标签末尾,这样页面就可以在javascript之前加载。

最佳做法是记住执行顺序,从上到下,从加载到呈现页面给用户。保持组织和其他任何事情一样。

+0

很感谢。雅我了解DOM的基础知识。只是有点困惑jquery和插件,因为我是新手。 – WonderJunky 2014-10-05 06:37:56

+0

在这里,看看这个:https://developer.yahoo.com/performance/rules.html – 2014-10-05 06:46:49