velocity README

The project's README from github.com/julianshapiro/velocity. As one markdown file: README.md.

Velocity beta

npm npm (tag) cdnjs version npm downloads jsdelivr downloads

NPM: npm install velocity-animate@beta

Docs

https://github.com/julianshapiro/velocity/wiki

IMPORTANT: The velocityjs.org documentation refers to V1, not V2 beta - use the wiki for latest documentation!

News

WhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit Libscore.com to see which sites use Velocity on their homepage.

React Plugin

Announcement: https://fabric.io/blog/introducing-the-velocityreact-library
Repo: https://github.com/twitter-fabric/velocity-react
NPM: https://www.npmjs.com/package/velocity-react

Quickstart

Velocity (CDN, choose one of them):

<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.min.js"></script>

Velocity UI pack (CDN, choose one of them):

<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.ui.min.js"></script>

Please note that JSDelivr can automatically supply the latest release, while CloudFlare needs to ask for a specific version.

Package managers:

npm: npm install velocity-animate@beta

Automagic chaining:

If using the .velocity(...) chained function in libraries such as jQuery or Zepto you need to ensure that Velocity is loaded after them. If you wish to add it to anything loaded afterwards then look at the Velocity.patch() method.

Questions or Problems?

Ask on StackOverflow (make sure you add the [velocity.js] and the [javascript] or [typescript] tags).

Updates

Learn

Comparisons

License

MIT License. © Julian Shapiro (http://twitter.com/julian).

Sponsors

Kiss My Button sponsors Velocity's development.

BrowserStack provides browser testing services for Velocity.

velocity (julianshapiro/velocity)

Searching Database…

17.2K ·GitHub
这是干什么的?一个快速、功能丰富的网页 JavaScript 动画引擎:它能对界面元素做动画,性能比 jQuery 的 $.animate() 更好,WhatsApp、Uber 等公司都在使用。
它是 jQuery 插件还是独立的库?是独立的库,不是插件。如果页面上有 jQuery 或 Zepto,它会为它们添加一个 .velocity() 链式方法,但必须在它们之后加载;对于更晚加载的情况,可以用 Velocity.patch()。
怎么把它加到我的项目里?用 'npm install velocity-animate@beta' 安装,或者直接从 CDN 引入脚本——JSDelivr 可以提供最新发布版本,而 CloudFlare 需要指定固定版本。另外还有一个单独的 UI 包,同样可以通过 CDN 引入。
npm install 装的是 beta,但文档网站上说的是 V1,我到底装的是哪个版本?你装的是 2.0 beta,这是一次完整的 TypeScript 重构,而 velocityjs.org 上的文档仍然是 V1——V2 的内容只能看项目 wiki,主文档网站上没有。
为什么用它而不用 CSS 过渡或 jQuery 的 animate?按 README 的说法,CSS 过渡只适合简单的界面效果,jQuery 的 $.animate() 速度慢而且不适合做动效设计,Velocity 则是快速、功能丰富的替代方案。
功能上它能做哪些动画?更新日志里的亮点:可以按元素或全局暂停/恢复动画,支持自定义缓动和补间,支持颜色动画(包括颜色名称和 rgba 值)、单位换算,还有 stop/finish 命令。
哪些公司在生产环境用 Velocity?按 README 的说法,有 WhatsApp、Tumblr、Windows、Samsung、Uber 以及数千家其他公司;Libscore.com 可以查到哪些网站在首页加载了它。
有 React 版本吗?有——README 里宣布了一个 React 插件,它是独立于核心 velocity-animate 包的。
What are similar projects?jquery-ui, motion, jquery, typeahead.js, anime, vivus, masonry, GSAP
Size
7.9 MB
Stars
17.2K
Age
12y
Commits · 90 Days