# 简介
# Bling 是一款面向小程序的语义化动画库。
# 设计理念
Bling 本着让小程序写更少的代码,实现更多动画的初心,通过大量基础的实现、简单的拼装组合,循序渐进、由浅入深,获得沉浸式的动画开发体验,逐渐爱上写小程序的动画,很小的成本就能为你的小程序带来效果上的增值。
Bling 源于 CSS3,又高于 CSS3 的三大设计理念:
- 语义化:接口通俗易懂、老少皆宜,读写呈流线式,代码行间却尽显着不羁
- 多模式:雅俗共赏,两套实现模式,按需调用、搭配,最优雅的设计给最挑剔的你
- 易扩展:开放、友好,每一个闪光的你都值得携手同行,共谱美好
# 开发者应知
为面向不同的场景,Bling 提供了两种动画类型:常规模式和高性能模式。
# 常规模式
使用 setTimeout
模拟的 requestAnimationFrame
,动画的属性控制依然是基于 CSS3 的 transform,可能会掉帧,不过支持的动画类型和特性较完善。
# 高性能模式
基于 my.createAnimation
,使用标准 CSS3 的 transform 实现动画,性能好不掉帧,不过支持的动画类型和特性较少。
# Bling 使用了以下开源项目
开源项目 | 许可证 | 是否经过修改 | 源代码地址 |
---|---|---|---|
EventEmitter3 | MIT | 否 | https://github.com/primus/eventemitter3 |
tween.js | MIT | 是 | https://github.com/tweenjs/tween.js |
PxLoader | MIT | 是 | https://github.com/thinkpixellab/PxLoader |
快速上手 →