文章出處
文章列表
一.路由
場景是，webview單頁面，url不會變化。
兩個標識，頁面自己的路由標識，當前路由狀態。
進入到某頁面，當前路由狀態更新為某頁面標識。
有一張路由表，監聽回退事件。
一旦回退，依據路由表和當前路由狀態，找到頁面，觸發該頁面的回退事件。
路由標識名字建議，grandfather-father-son這種命名方式。
二.過場動畫
因為，通過translate的頁面覆蓋，是以DOM結構順序為標準（而不是以z-index），后面的DOM覆蓋前面的DOM。
所以，你從頁面a切換到頁面b的時候，得把b的dom移到a的后面。
dom位置變化后，緊接著加上位移動畫的class，是不會產生動畫。請用setTimeout延遲。
總結順序，更新當前路由狀態->移除之前過場動畫->調整dom位置->延遲執行過場動畫。
三.一些小技巧(20141024)
1.點透或觸摸延遲300ms，如果你的業務只有點點點，用fastclick；有左滑右滑之類，用成熟的觸摸庫來tap。
用fastclick，將難以保持觸摸元素時的css樣式的變化，比如:active，:hover。
2.禁止屏幕滾動，除了那個，還有設置body高度為一屏高。
3.html模板，可以ajax txt方式請求html代碼，自己寫model，view model，control來實現類MVVM的易維護代碼。
文章列表
全站熱搜
留言列表
