ASP.NET MVC3中Razor視圖特定的JQuery代碼的最佳實踐

Question

我已經閱讀了一些關於包含js庫並使用RenderSection來動態地或可選地加載額外的庫的需求。

迄今爲止，我已經看到大多數視圖特定的腳本直接包含在視圖文件本身內部的script標籤內。有沒有不同的/更好的方法來做到這一點？

Answer 1

我認爲最好將所有的JS文件放在「_Layout.cshtml」末尾的一個小節中。

http://developer.yahoo.com/performance/rules.html

但是請注意，所有的JS文件將在所有網頁被FINT然後。如果你只想在我們的幾個頁面中使用JS JS文件，你可以爲這個JS文件添加一個新的部分。並將此部分的必需屬性設置爲false。

Answer 2

通常最好確保您只包含與該特定頁面相關的腳本。

因此，在_Layout頁面中包含jQuery是一個好主意，如果您在每個頁面上都使用它，但您可能只需要在實際具有輸入驗證的頁面上驗證jQuery驗證。否則，你只是下載一個你不需要的額外文件。請始終記住，任何不必要的HTTP請求都可能很昂貴。

這裏使用RenderSection是合適的，即使它只是組織它。