APICloud開發者進階之路 | 編碼優化(二)

APICloud_攻城獅發表於2018-11-08

《30天,App開發從0到1》節選的本書附錄精華部分——編碼優化(二)。

8.保證頁面載入速度

將樣式、業務邏輯程式碼寫在 html 頁面中,公用 css、js 庫應儘量小,不要載入無用的 css、js。 瀏覽器內部是解釋執行,只要頁面中引入了就會載入和解析。所以應減少使用 link/、script/ 標籤,每一個 link/ 或 script/ 標籤都將讓瀏覽器引擎進行一次同步 i/o 讀寫。 一段指令碼放置在內,其載入會影響或阻塞 DOM 解析,這會造成頁面顯示的延遲,影響使用者體驗。如無特殊需要,應將引用的 JavaScript 檔案和頁面內編寫的 JavaScript 程式碼放置於結束標籤之後。 同時,應利用 CSS3 及 HTML5 的特性,儘量使用 CSS3 動畫、圓角處理、漸變處理、邊框、新的input 型別等。

9.編譯的正式版本禁止 包含專案的未使用模組

編譯正式版本前,應檢查一下控制檯選定的模組是否都在實際程式碼中被使用到。一些開發者在開發過程中會不斷引入一些“預計使用”或“測試使用”的模組,但是在最終的程式碼中並沒有使用。這些模組要在雲編譯的時候去掉,無用的模組不僅會增大安裝包的體積,還可能引起和其他模組的衝突,造成編譯失敗。

config.xml 檔案中配置的模組在控制檯無法刪除,因為 config 中 feature 配置項的 forceBind屬性預設為 true,是強制繫結的。可以通過修改 config.xml 配置中 forceBind 屬性來解除模組的 強制繫結。

APICloud開發者進階之路 | 編碼優化(二)

相關文章