react就是为了减少dom操作,那么动画效果怎么做
React就是为了减少dom操作,那么动画效果怎么做
hyy1115
#5
1、条件:
在真实dom处理动画,而不是在虚拟dom处理。
2、方案:
组件加载和卸载这2个节点执行的过渡动画,采用“react-transition-group”控制。
组件内部触发的动画,等到componentDidMount之后,执行动画函数。
无论怎么处理,最终都是对真实dom操作,因为对虚拟dom操作根本不可能看到效果,这个过程还只是js文件,没有渲染出来。
react减少dom操作,大部分时候减少的是dom元素的构建过程,部分动画导致需要增加或者修改dom,需求注意动画通常是改变css3,并不会改变dom的结构,如果涉及到改变真实dom的结构,也是在动画的临界点去改变,而在临界点改变dom结构就可以用到react的diff计算了。