2014-10-05 97 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