sencha touch 效能優化個人經驗談

2021-06-03 07:12:41 字數 669 閱讀 4786

sencha touch 跟ext js乙個提供了豐富且高階的元件讓我們能快速的開發出乙個跨手機平台而且很絢麗的產品,這聽起來不錯,但很快我們發現了乙個嚴重的問題,手機上的效果根本沒有在pc上用chrome開啟的效果一樣讓人有刷刷的快感(#@#$$#@$#),甚至讓人痛苦. sencha touch和ext一樣,元件是類式繼承的,大大降低了使用和學習的週期.但缺點也是很明顯的,你每增加乙個元件,記憶體消耗就增加很多,可能你已經使用minify/jsbuilder/yui compressor等工具壓縮過你的**了,如果效能還不佳,那麼可以看看以下是個人的一點建議

1.每個元件都應該考慮它的xtype,如果可以使用container就不要使用乙個panel了

2.list一列的個數顯示一屏就可以了,list有很多高階的功能,但效能非常的差,只能通過減少載入項來解決

3.盡量不要使用tbar/bbar,sencha touch的提供的*******功能強大,按鈕也很易用,但使用的dom元素也非常的多,自己寫乙個bar是非常必要的

4.把不在置頂的view中的dom給刪除,有時候,我們的專案中有好幾個view,但我們一時間內是不可能同時檢視兩個view的,應該把其他view的dom元素給釋放了

從上面看來,效能優化的關鍵是控制dom元素的數量,但sehcha touch還會對一些元素繫結事件,如果開始就不產生這些元素,那麼記憶體開銷會更低

mysql效能優化 mysql效能優化

優化方式 1.空間換時間 冗餘 2.時間換空間 字段優先使用型別 int date char varchar text 索引型別 btree索引 hash索引 索引的葉子下,存放乙個資訊指向所在行的資料位址。btree有利於範圍查詢,hash有利於精確查詢。btree用的更多一些。btree索引的常...

Sencha Touch 入門指導

b sencha touch 入門指導 b 1.介紹sencha touch 是乙個js框架.用於建立在基於觸控裝置的web應用.它使用html,css來提供和本地應用一樣效果的體驗,而不需要外掛程式.2.使用sencha touch url 建立html index.html 引入css ext ...

Sencha Touch 歷史支援

上述功能綜述之,就是為了更好地與原生程式相貼近,務求達到無差別的使用者體驗 這一點,尤其體現在能夠提供 返回鍵 的 android 機器上面。設定路由器 setting up routes 為你的應用安排的歷史記錄可以說一點都不困難,主要集中在如何理解的路由器 routes 的概念之上。路由器,簡言...