1.2　强大的性能_JavaScript网页动画设计

1.2　强大的性能

2015-12-29 16:16:51 我来说两句

收藏我要投稿

本文所属图书 > JavaScript网页动画设计

本书由业界最先进的动画库Velocity js的作者所著，书中内容共分为8章，简明扼要地总结了在网页上使用动画的技术技巧，让读者掌握如何有效利用动画实现无与伦比的用户体验。具体内容包括：JavaScript动画优势，Ve 立即去当当网订购

JavaScript与jQuery常被错误地混为一谈。JavaScript动画很快，是jQuery让它慢了下来。尽管jQuery非常强大，但它并未被设计成高性能的动画引擎。它没有避免“布局颠簸”的机制，这使浏览器在动画处理过程中，过分忙于布局处理的工作。
另外，由于jQuery的代码库除了实现动画以外还有许多其他目的，因此它的内存消耗会在浏览器内触发垃圾回收，导致动画在不可预知的情况下卡壳。最后，由于jQuery团队奉行一个崇高的追求，那就是帮助新手避免用坏代码毁了他们的UI，因此jQuery放弃了被经常推荐的做法，拒不使用requestAnimationFrame()函数，但另一方面浏览器竞相支持该函数，因为它可以为网络动画大幅提升帧率（frame rate）。
一些彻底绕开jQuery的JavaScript动画库通过与页面的顺畅交互而表现出非凡的性能。其中之一是著名的动画库，也是本书自始至终使用的Velocity.js。这是个轻量级的库，但是功能却异常丰富。另外，它与jQuery的动画语法类似，能够大幅降低学习曲线。
有关性能的问题，我们会在第7章中深入探讨。通过学习浏览器渲染性能的微妙差异，你能够打下坚实的基础，为所有的浏览器和设备创建可靠的动画效果，不论这些浏览器和设备的处理能力如何。

点击复制链接与好友分享!回本站首页

分享到：更多

您对本文章有什么意见或着疑问吗？请到论坛讨论您的关注和建议是我们前行的参考和动力

上一篇：1.1　JavaScript动画与CSS动画

下一篇：1.3　功能

图文推荐

排行