Hina Chen

Hina Chen

偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。

[Famo.us] inputs 模組 Part 2

[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine] 接續著講滑鼠、觸控等其他的模組。 MouseSync 顧名思義,就是跟滑鼠控制相關的同步事件模組,預設值有以下項目, MouseSync.DEFAULT_OPTIONS = { direction: undefined, // 方向 rails: false, // 指定單一方向移動 scale: 1, // 滑鼠軌跡放大倍率 propogate: true // 在文件中加入 mouseleave

[Famo.us] inputs 模組 Part 1

[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine] 在 Famo.us 當中,提供了不少關於輸入(input)的模組,主要是用於接收使用者的操作輸入,諸如滑鼠、捲軸、觸控等等。 -------------------------------------------------------------------------------- 輸入控制 常見的輸入控制,除了滑鼠與觸控外,捲軸與手勢動作也包含在這些模組當中,主要有下列輸入模組可以使用, 非輸入模組 * Accumulator 累加器,他提供一組累加功能,單純的使用

[Famo.us] SlideShow 模組開發

[UPDATE] Famo.us 官方已捨棄此模組,所以本範例只能在舊有的 Famo.us 上面運行,詳情請看官方 Github [https://github.com/famous/engine] 身為農夫,種點菜也是很合理的。 -------------------------------------------------------------------------------- Slideshow 概念是這樣,我們利用左右兩邊的頁面來置換中間的頁面,所以只需要兩段 Transform 來做這個動作。這個東西其實用 Famo.us 幾個模組就能兜出來,只是為了方便起見,所以才把它打包成模組方便使用。 Famo.us 模組

[Famo.us] Event 核心與模組介紹

[UPDATE] Famo.us 官方已捨棄此模組,詳情請看官方 Github [https://github.com/famous/engine] EventHandler, EventEmitter 這兩項核心很常出現在其他的模組當中,主要是負責事件控制、監聽與觸發,但是他跟 DOM 就沒有關係,單純的是綁在模組或是元件上面。 -------------------------------------------------------------------------------- EventEmitter 核心 是 EventHandler 核心所依賴的核心(沒有之一,用於將事件往下擴散(或是將其子元件事件綁定在自己身上。 方法 * emit(type, event)