Ext js編碼標準/最佳實踐

Question

任何人都可以共享ext js編碼標準嗎？是否足夠有兩個版本的js文件 - 一個在開發過程中，另一個是生產環境的壓縮版本？

也可以任何一個建議我們可以有的JS文件的數量。我讀了一些js文件被串行下載的地方，因此爲了可讀性避免添加新文件。而不是在最少數量的文件中有內容。這是真的 ？

Answer 1

是的，你應該有2個版本的JS ..一個是應該在開發過程中使用的調試版本，以及應該用於生產環境的文件的縮小版本。 應該使用縮小版本的原因是縮小版本的文件大小遠小於調試版本，因此在客戶端的下載速度更快。嘗試混淆......也會進一步縮小尺寸，但有時會引入一些錯誤，因爲混淆很難實現。 YUI壓縮機做得很好。 JSes的尺寸越小，您的網站就可以更快地使用。

當您的JS被包含在您的頁面的head中時，它們將被串行下載。所以爲了避免這種情況，請將它們放入頁面的body部分。這允許多個連接，因此您可以同時下載多個文件。查看this頁面以獲取更多此類提示。

對於ExtJs，儘可能多地寫入自定義組件。擴展內置的類以滿足您的需求。 Ext JS軟件包中有幾個可供下載的例子。如果您需要進一步的幫助，請查看extjs/example/ux文件夾，瞭解Ext JS批准的自定義組件以及Ext JS發行版。 避免在您的組件中使用id ..請嘗試使用itemId或ref來訪問組件。

Answer 2

看看複雜官方示例的架構。 最好的方法 - 基於內置編寫自己的組件。 對於ExtJS4，新的MVC架構在官方的API文檔中有很好的描述。

兩個版本的.js（調試和生產）應該有任何選擇。

Answer 3

鑑於您對Ext JS 3的所有問題都有所瞭解，我強烈建議切換到Ext JS 4，因爲它有一個特殊的工具，可以將所有JavaScript文件合併並進行壓縮。鑑於您現在在問這個問題，不能有太多的JavaScript文件需要轉換。

Answer 4

另請嘗試構建ext-all.js的自定義版本。它通過減小文件大小節省了大量的下載時間。我相信你不會將整個文件用於你的頁面。

我也建議你實現主要的cahce概念，以便所有的JS/CSS文件都在登錄頁面上下載。這將使剩餘頁面加載更快。

而對於您的序列下載問題，是的。每個js下載都是一個HTTP請求，它會連續發生。因此，如果在頁面加載時不需要JS文件，請嘗試將JS文件下載到主體中。