[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
- 知识点
- 附录
- 问题
- 源码解析
- 资源