AngularJS 1.4对动画系统进行了彻底的重构
2015-04-22 10:44 RTdo 阅读(483) 评论(0) 编辑 收藏 举报分享 《关于我》
分享 [中文纪录片]互联网时代 http://pan.baidu.com/s/1qWkJfcS
AngularJS 团队刚刚宣布了1.4发布候选版的问世，对内部的动画代码系统进行了彻底的重构。
在1.4版本中，ngAnimate使用了新的动画系统，通过回调钩子支持基于CSS的动画以及基于JavaScript的动画。
Google在这个JavaScript框架的 发布说明 中表示，在新的 $animate 特性中“ngAnimate的全部代码都进行了重写，以使内部的动画代码更加灵活、重用性更高并且性能更出色。”
Matias Niemelä是来自Google的一位软件工程师，他在 Google+上的一篇帖子 中宣布了在1.4版本中ngAnimate所包含的“一系列新特性与bug修复”。
包括以下内容：
- 使用$animateCss通过命令式的方式控制或触发基于CSS的转换和关键帧
- （使用ng-animate-ref）生成跨页面的跨动画元素
- 使用$animate中新的API处理回调
- 包括大量与回流相关的bug修复，并且将提供一个更好的基础，以便在即将到来的1.5版本中能够实现更多的特性。
$animate在新的版本中也产生了大量的破坏性改动。其中最引人注目的一条是，JavaScript与CSS动画将无法并行地运行了。在之前的版本中，通过使用ngAnimate，当检查到多个动画运行时，可以同时运行CSS与JS的动画。
不过，虽然这一特性从1.4版本中被移除，但AngularJS对此表示“通过将$animateCss注入到某个由JavaScript定义的动画中，并且在其中创建自定义的基于CSS的动画，可以实现相同的效果，甚至还能够带来更多的可能性”。
$animate在新版本中的破坏性改动还包括$animate.enabled()这个函数的参数的变化，当调用$animate.enabled()这个函数时使用某个单一元素的的话，那么该函数将表现为一种getter方法。
$animate的另一个破坏性发动是“在动画的promise回调中无需调用$scope.$apply或$scope.$digest了，因为该promise已经通过一个digest进行自动解析了（但如果没有对promised进行链式调用，digest是不会自动运行的）”
使用$animateCss通过命令式的方式控制或触发基于CSS的转换和关键帧
（使用ng-animate-ref）生成跨页面的跨动画元素
使用$animate中新的API处理回调
包括大量与回流相关的bug修复，并且将提供一个更好的基础，以便在即将到来的1.5版本中能够实现更多的特性。
// < 1.4
$animate.enter(element).then(function() {
$scope.$apply(function() {
$scope.explode = true;
});
});
// 1.4+
$animate.enter(element).then(function() {
$scope.explode = true;
});
可以在 这里 找到关于其它破坏性改动的更多细节。
Angular 1.4版本的开发代号为 smooth-unwinding ，其中也包括了多个性能改进之处，包括对ngOptions的改动，现在它只在使用track by的情况下才会对ngModel进行深度等同性测试。此外，当Angular app卸载时，$rootScope也会移除历史事件的处理器。
1.4原本计划在2015年3月份发布，当时 ng-conf 这个关注于AngularJS的大会正在如火如荼地进行中。在1.4版本发布之后，AngularJS 1.5的工作就将正式展开。Brad Green是Google工程团队的总监，也是Angular开发计划的领导人，他在ng-conf大会之后 宣布 ，1.5版本的主题是支持与Angular 2的整合。
虽然整个Angular社区对于2.0版本仍然保有很大的疑惑和困惑，但Google已经表示他们将继续在angularjs.org上维护Angular 1.X版本，而在 angular.io 上发布Angular 2.0的Alpha版本。在ng-conf大会上Google也再次对社区明确表态：在Angular 2.0版本的流量占到上风之前，他们绝对不会结束Angular 1.X的生命。
