V8在执行之前将JavaScript编译成了机器码,而非位元组码或是直译它,以此提升效能。更进一步,使用了如内联缓存(inline caching)等方法来提高性能。有了这些功能,JavaScript程序与V8引擎的速度媲美二进制编译。[4]
传统的javascript是动态语言,又可称之为Prototype-based Language,JavaScript继承方法是使用prototype,透过指定prototype属性,便可以指定要继承的目标。属性可以在运行时添加到或从对象中删除,引擎会为执行中的物件建立一个属性字典,新的属性都要透过字典查找属性在内存中的位置。V8为object新增属性的时候,就以上次的hidden class为父类别,创建新属性的hidden class的子类别,如此一来属性访问不再需要动态字典查找了。
为了缩短由垃圾收集造成的停顿,V8使用stop-the-world, generational, accurate的垃圾收集器。[5]在执行回收之时会暂时中断程序的执行,而且只处理物件堆叠。还会收集内存内所有物件的指标,可以避免内存溢位的情况。V8组译器是基於Strongtalk组译器。[6]。
Anime.js是一个轻量级的JavaScript动画库,具有简单但功能强大的API。它与CSS属性,SVG,DOM属性和JavaScript对象一起使用。Github
在Github上已收获近35k的star数,可见其非常受广大使用者的热爱!
特性
复杂的交错动画变得简单
css分层转换
在单个HTML元素上同时以不同的时间对多个CSS变换属性进行动画处理。
控件和回调
时间就是一切
使用完整的内置回调和控件功能同步播放,暂停,控制,倒退和触发事件。
动画任何东西
HTML,JS,CSS,SVG
安装使用
ES6:
CommonJS:
Demo
文字动画
块状动画
徽标动画
球状动画
总结
anime是一个非常值得使用的动画引擎,它足够简单,足够满足需求,足够的轻量,足够的惊艳!