我是由 iOS 開發轉向前端開發的，轉型過程中 CSS 學習和使用是一大難點，而 CSS 動畫作為 CSS 的高階知識點之一更是一座大山。Vue 的 <transition> 內建元件做了很完善的封裝，讓過渡和動畫的使用變得更加方便。本場 Chat 會先介紹原生 CSS 過渡和動畫基礎，然後從 Vue <transition> 原始碼的角度分析 Vue 是怎麼管理動畫狀態的。為讀者以後能夠更加容易的寫出複雜動畫打下堅實基礎。

本場 Chat 大致包括以下內容：

1. CSS Transition；
2. CSS Animation；
3. 貝塞爾曲線以及 CSS 的三階貝塞爾時間函式（Cubic-Bezier）的理解；
4. Vue <transition> 原始碼分析；
5. 一個例項：在 Vue 中實現加入購物車的拋物線動畫。

閱讀全文: http://gitbook.cn/gitchat/activity/5c32b53e43ed9d419b784078

一場場看太麻煩？成為 GitChat 會員，暢享 1000+ 場 Chat ！點選檢視