[description]
- Framework7 Router
- Framework7 Router Events
- Framework7 View
- Barba.js life cycle event
- Barba.js css
- Vue3 transition class
- Vue3 lifecycle hook
- Vue3 lifecycle diaglam
- Vue Router
- Onsen UI (swipable)
- jQuery Mobile Page Events
- Backbone qiita
- Backbone blog
使用方法の参考
- https://qiita.com/d4te/items/ba25ecec99820faddd8e
- https://www.ccbaxy.xyz/blog/2020/09/28/vue02/
- https://barba.js.org/assets/diagram/lifecycle.png
- https://barba.js.org/docs/advanced/hooks/
- https://barba.js.org/docs/plugins/css/
- https://qiita.com/miwashutaro0611/items/bc4cf66bef3a825ace1c
- 同一URL, 同一ページインスタンスへの遷移のケア?
- push() に stack は紐づくので el を共有することはない. page instance の共有をどこまでケアするか?
- 基本現実装でいけそう. 実験して試す -> 評価は
@cdp/appにて
-
スクロール位置の記憶する/しない
- → app/PageView クラスで対応
-
swipe back
-
マスター・ディーテイルレイアウト
-
リンクを shift 同時押下で別タブ開きたい
-
vue ナビゲーションガード(callback i/f)を理解する
-
jquery-mobile viewport
'ui-mobile-viewport'
'ui-mobile-viewport ui-overlay-cdp'
'ui-mobile-viewport ui-overlay-cdp ui-mobile-viewport-transitioning'
'ui-mobile-viewport ui-overlay-cdp ui-mobile-viewport-transitioning viewport-floatup'
'ui-mobile-viewport ui-overlay-cdp viewport-floatup'
'ui-mobile-viewport ui-overlay-cdp'
- jquery-mobile page
'ui-page ui-page-theme-cdp ui-page-header-fixed ui-page-active ui-page-pre-in'
'ui-page ui-page-theme-cdp ui-page-header-fixed ui-page-active'
'ui-page ui-page-theme-cdp ui-page-header-fixed ui-page-active floatup in'
'ui-page ui-page-theme-cdp ui-page-header-fixed ui-page-active'
'ui-page ui-page-theme-cdp ui-page-header-fixed ui-page-active floatup out reverse'
'ui-page ui-page-theme-cdp ui-page-header-fixed'
- HTML を Image へ変換 (ただ完璧な再現は期待できない)