Vanilla 原生JS函数和插件

自从2015年ECMAScript 6（简称ES6）发布以来，国际组织加快了ECMAScript版本的更新速度，不断扩充新特性、新写法，使前端编码工作变得更加高效而有趣。也因此而催生和强化了不少前端工具和前端框架，比如webpack、NodeJS、VUE、WebComponent等。但是这些前端工具和框架始终不会脱离JavaScript而单独存在，面对千变万化的前端领域，掌握好javasscript将变得无往而不利，所以原生JS开发将变得再次流行。网络上将原生JS叫做Vanilla，两者是同一个意思。AXUI自v2.0开始启用Vanilla开发模式，还原原生JS的味道。本篇章将讲解ax.js包含的全局变量和全局函数。

curves是动画曲线函数，包含了五个基本曲线，分别是：linear、easeIn、easeOut、easeInOut和easeOutIn。具体用法：curves.easeIn(t)，其中参数t=已进行时间/总运动时间

• linear：线性匀速运动
• easeIn：先慢后快
• easeOut：先快后慢
• easeInOut：由慢到快再到慢
• easeOutIn：由快到慢再到快

arrayHeight将返回5个值：元素内容高度(height)、元素上内边距(padding-top)、元素下内边距(padding-bottom)、元素上外边距(margin-top)、元素下外边距(margin-bottom)。具体用法：arrayHeight(element)

该函数创造类似于jQuery中的slideUp效果，为了避免用户引用jQuery之后搞混，本框架的类似效果定义为wipeUp。具体用法：wipeUp(element, duration, timingFunction)。

• element：使用效果的DOM对象，必填
• duration：动画持续时间，可不填
• timingFunction：动画曲线（linear、easeIn、easeOut、easeInOut或easeOutIn），可不填

该函数创造类似于jQuery中的slideDown效果，为了避免用户引用jQuery之后搞混，本框架的类似效果定义为wipeDown。具体用法：wipeDown(element, duration, timingFunction)。

• element：使用效果的DOM对象，必填
• duration：动画持续时间，可不填
• timingFunction：动画曲线（linear、easeIn、easeOut、easeInOut或easeOutIn），可不填

该函数创造类似于jQuery中的slideToggle效果，为了避免用户引用jQuery之后搞混，本框架的类似效果定义为wipeToggle。具体用法：wipeToggle(element, duration, timingFunction)。

• element：使用效果的DOM对象，必填
• duration：动画持续时间，可不填
• timingFunction：动画曲线（linear、easeIn、easeOut、easeInOut或easeOutIn），可不填