哪怎么做呢。
不是添加了一个类么，哪动画结束以后来执行这个动作呗。
哪么动画有两种，还是要区别对待的。
1.animation
2.transition
-webkit-animation动画其实有三个事件：
开始事件 webkitAnimationStart
结束事件 webkitAnimationEnd
重复运动事件 webkitAnimationIteration
嗯 对 就是这么简单 后面的实际用例我会附上
待更新中。。。
这篇文章写出来以后，朋友反馈过来有兼容性问题。
iOS9一下和安卓4.4一下是不支持的。
因为现在大多数项目技术栈是vue,这里我就推荐使用vue的过渡钩子函数beforeLeave来解决这个问题，关于vue过渡常见的用法和解惑我会单独开一篇文章去写这个东西。
其他比较好的解决方案还是使用setTimeout去解决这个问题。
https://developer.mozilla.org/en-US/docs/Web/Events/transitionend
注意：每个启用TransitionCSS属性的分别对应独立的transitionend事件
速腾一共有三个排量，分别为1.2 T、1.4T、1.6L以及2.0T；朗逸则只有两个排量，分别是1.4T和1.5L独独没有2.0T的发动机-----这就是最大的区别。速腾的2.0T即是大众PQ35平台（发动机横置）上的EA888。EA888实际上最大的亮点是体现在奥迪身上，譬如AVS可变正时气门、分层燃烧，但在大众PQ35这个平台上的速腾，是没有正时气门以及分层燃烧的，所以叫做TSI-----即涡轮增压、缸内直喷。
EA211
除去速腾的2.0T发动机。速腾的1.4T和1.6L、朗逸的1.4T和1.5L都是大众的EA211发动机，两款1.4T的发动机是一样的，不一样的是朗逸的1.5L和速腾的1.6L。
我们从配置表上的发动机缸体材料来看，朗逸和速腾都是最新的EA211系列（老款的铸铁缸体）：
1.6L、1.5L的EA211是自然吸气的发动机，也就是不带涡轮增压技术的，燃油喷射技术是多点电喷；而带涡轮增压的EA211发动机用的燃油喷射技术是缸内直喷-------说实在话，大众的自然吸气是不怎么样的.....拿手的缸内直喷、可变正时等等技术并没有用上，仅是电子油门的多点电喷，所以油门反馈并不太好。
但这两款（自然吸气和涡轮高增压）发动机都是EA211，缸体大小、材质等等都是一样的，只是内部曲轴和连杆不同罢了，至于功率不同，也不过时ECU的调教不同罢了。
总而言之速腾的2.0T独独用的EA888，所以与朗逸的不同，而两者1.4T的发动机不管是功率和动力都是一样的，而自然吸气的1.5L和1.6L就是曲轴连杆改了一点罢了，本质上是没有区别的。
其实不单单是朗逸和速腾，所有大众和奥迪的车型使用的发动机都是那几个型号，目前大众奥迪车型使用最多的两款发动机就是EA211和EA888两种，大众可以说是依靠这两款发动机就能打天下了。
朗逸和速腾使用的都是EA211系列，只有速腾GTL使用的是EA888。EA211发动机涵盖了1.4/1.5/1.6自吸发动机，1.2/1.4涡轮增压发动机，下一步还会有1.5涡轮增压的版本。
EA211发动机是全铝发动机的设计，同是使用了集成排气歧管，可变压力机油泵，集成一体式凸轮轴，长效性正时皮带等技术，使车辆油耗大大降低，整体来说这款发动机还是不错的，只是有点咕噜咕噜的噪音不太好。
16
16
速腾
自2006年入华至今，一汽-大众速腾始终保持强大的市场号召力，至今已八年蝉联A+级三厢车的市场冠军。 2019年3月18日，一汽-大众大众品牌“开年之车”——全新一代速腾Long-Wheelba...
