12 月閑暇的時間一直在更新 GearCase。通過不懈的努力,GearCase 今天迎來了一次中間版本的更新,這次的更新主要加入了 Springs 動畫組件,部分組件也添加了此組件的動畫效果。 > 除此之外還按照之前 jQuery 封裝實現過的輪播方式 的思路,重新製作了 Vue 輪子版本的組件, ...
12
月閑暇的時間一直在更新 GearCase
。通過不懈的努力,GearCase
今天迎來了一次中間版本的更新,這次的更新主要加入了 Springs
動畫組件,部分組件也添加了此組件的動畫效果。
> 除此之外還按照之前 jQuery 封裝實現過的輪播方式 的思路,重新製作了 Vue 輪子版本的組件,並提供了相應的 api 方便使用。
重新複習 Vue 動畫
在準備做動畫和輪播組件之前,重新閱讀了 Vuejs
動畫的相關文檔。
輪播
slides
組件已在v0.2.2
版本添加。
重新讀完文檔之後,在構建組件的過程當中,發現若是單純使用 Vuejs
動畫效果 fade-enter
、fade-leave
的思路來實現輪播等效果,會產生很多視覺 bug
。
雖然 Vuejs
是 MVVM
框架,不建議去操作 DOM
,而是使用數據驅動視圖的方式。
但是為了更加完美的實現動畫效果,不得不使用操作 DOM
的方式。再查看了 element-ui 和 ant design 的組件之後,我發現這兩款 UI 框架都是採取操作 DOM 的方式來實現 slides 。畢竟這是最好的解決方式,又讓我想起了那句老生常談的道理。
無論使用何種方法,能夠最有效解決問題的,一定是最佳解答。
其他
在官網文檔的 其他 中添加了歷史版本信息,並標註出了當前最新的版本。