[TOC]
我喜歡把 FLIP 作為一種思考動畫的方式,因為它很好地匹配了 JavaScript 和 CSS。用 JavaScript 計算,但讓 CSS 為你處理動畫。你不需要使用CSS來做動畫,你可以很容易地使用 Web Animations API 或 JavaScript 本身,也可能是其他簡單的方法。關鍵是在于,你要降低每幀的復雜度和成本(通常意味著transform 和 opacity),同時還要給用戶最好的體驗。
# 常用動畫庫
http://bouncejs.com/
animate.css - https://animate.style/
> [可能是最全的前端動效庫匯總](https://juejin.cn/post/6844903830098804743)
# 參考
[FLIP Your Animations](https://aerotwist.com/blog/flip-your-animations/)
[進入/離開 & 列表過渡](https://cn.vuejs.org/v2/guide/transitions.html)
- Introduction
- Introduction to Vue
- Vue First App
- DevTools
- Configuring VS Code for Vue Development
- Components
- Single File Components
- Templates
- Styling components using CSS
- Directives
- Events
- Methods vs Watchers vs Computed Properties
- Props
- Slots
- Vue CLI
- 兼容IE
- Vue Router
- Vuex
- 組件設計
- 組件之間的通信
- 預渲染技術
- Vue 中的動畫
- FLIP
- lottie
- Unit test
- Vue3 新特性
- Composition API
- Reactivity
- 使用 typescript
- 知識點
- 附錄
- 問題
- 源碼解析
- 資源