前端MV*框架中的动画支持

Question

您会推荐哪种前端javascript MV*框架用于动画网站(动画页面元素、过渡、视差滚动等)？我的第一印象是用angular.js最简单(花费最少的时间，用最简洁的代码达到效果，有最好的文档)。你的经历是什么？

附注。标签的选择当然限于5个，所以如果有人可以推荐任何其他框架，我也会感兴趣的。

Answer 1

我在Chrome团队工作，图形性能经常需要特别关注。最终，在简单性(例如，一个框架或库可以为你做多少事情)和你为了快速保持动画体验而保持的粒度之间存在权衡。理想情况下，你应该尽量将与动画相关的代码直接保存在CSS中，而不是让JS (例如指令或库)为你触发这些动画。我一般会记住，(跨浏览器的)浏览器可以非常便宜地为你做4件事(位置，缩放，旋转和不透明度)。在可能的情况下尝试使用这些工具。我还会看一看http://h5bp.github.io/Effeckt.css/中的一些例子，因为你会惊讶于你可以在没有动画的情况下选择一个MVC框架。

Answer 2

我发现angularjs和angular-ui (angular中的twitter bootstrap )的组合非常适合在ui动画中构建。我可以强烈推荐它。

使用ngAnimate模块可以很好地工作，并提供非常用户友好的界面。

对于一个简单的入门指南，这是很棒的

http://www.divshot.com/blog/tips-and-tricks/angular-1-2-and-animate-css

要获得更全面的指南，请尝试

http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html