什麼是一些很好的技術來組織JS包括一個大型網站？

Question

每個頁面是否都有自己的.js，每個頁面的某種all.js中包含可重用特性（實時搜索，下拉菜單）？不知道構建這個的最佳方式是什麼。感謝您的輸入！

Answer 1

我根據功能創建js文件。在另一個下拉菜單中，在另一箇中進行生效，在另一箇中搜索等。

假設你的頁面標題包括菜單，livevalidation和jquery。我創建了一個header.php或.html頁面，其中包含所有必需的.js包含，然後使用php/asp/whatever的include函數包含該頁面。

就個別頁面而言，取決於您。我個人沒有那麼多，所以我只是把它們放到「pagesAjax.js」和「pages.js」中，並計劃在未來隨着更多JavaScript「類別」的出現而展開。保持源代碼非常乾淨。

完全披露。這工作了一段時間，但我正在研究一個極其受帶寬限制的嵌入式項目。我將所有javascript/css文件縮小並壓縮爲一個all.js和一個all.css文件。然後我有一個includes.html，我#include指向這兩個文件。我做了一些緩存技巧，讓客戶端每次文件修訂只下載一次js和css文件。