[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine]
Surface 與 Modifier 是最常使用的模組,先前
[https://blog.hinablue.me/entry/famous-install-and-play-with-surface-modifier/]
有提過,這次稍微詳細介紹一下。
--------------------------------------------------------------------------------
Surface 核心模組
這個模組預設會產生一組 <div> 的 DOM
[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine]
這三樣東西是組成 Famo.us 引擎的主要功臣,負責 rFA 與 DOM 的溝通橋樑。
--------------------------------------------------------------------------------
Engine 核心
在 Famo.us 當中,這個核心做的事情其實並不會太多,大抵上就是這些,
* 設定 rFA
[https://developer.
標題與內容不符(不解釋
--------------------------------------------------------------------------------
ViewSequence 核心
他是用來儲存一個序列化資料的模組,所以雖然字面上是 ViewSequence,但是骨子裡跟 View 沒有關係。
初始化方法
這個模組初始化可以傳入這幾個數值(使用 Object 的方式傳入,
* array 傳入一個陣列,這個陣列用來儲存你的物件。
* index 定義第一個元素,這個模組用這個元素來當作第一個被 render 的物件
* loop 當巡迴過整個陣列之後,決定是否要返回第一個(或最後一個)元素
* firstNode 第一個元素
* lastNode 最後一個元素
Views 模組,但是其實還是有跟 Views 無關的東西,大概有動畫特效的都可以算在這裡。只是有部分比較多功能的東西,放在 widgets 裡面去了。
--------------------------------------------------------------------------------
Views 模組
views/* 的模組,與 core/View 核心部分有些許不同,他並不是都會提供 RenderNode 給你使用,我這裡簡易說明一下底下的模組,
* views/Deck 提供一個 SequentialLayout 並且讓他有開啟以及關閉的動畫效果。
* views/Flipper 提供一個滑動翻頁的動畫效果
* views/GridLayout
[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine]
見山不是山,大概就是在說這個 View 模組。
--------------------------------------------------------------------------------
View 核心
核心模組 core/View 是用於提供一個或是多個 RenderNode 的容器給框架引擎使用,它本身在輸出的時候並不會產生 DOM
實例,所以你在畫面上其實是看不到 View 這個模組的。
先解釋一下 RenderNode 這個東西,