标签:for dom website 官网 自己的 readme.md 也有 search nod
Flight 是一个轻量级的,基于组件的,事件驱动的JavaScript框架,它将行为关联到dom节点。由Twitter团队开发, 被用于 twitter.com 和TweetDeck。
/* 组件定义*/ var Inbox = flight.component(inbox); function inbox() { this.doSomething = function() { /* ... */ } this.doSomethingElse = function() { /* ... */ } // 初始化组价之后的操作 this.after(‘initialize‘, function() { this.on(‘click‘, this.doSomething); this.on(‘mouseover‘, this.doSomethingElse); }); } /*将组件绑定到dom节点上*/ Inbox.attachTo(‘#inbox‘);
3.安装:
<!-- jQuery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- Flight release --> <script src="http://flightjs.github.io/release/latest/flight.min.js"></script>
基于jQuery,体积小,只有5k。
Flight generator .只需 一步便可实现一个基于Flight的web应用程序。
Flight package generator .只需 一步便可生成你需要用来书写和测试一个独立的Flight组件的所有内容。
Jasmine Flight支持the Jasmine test framework的扩展.
Mocha Flight 支持Mocha test framework的扩展.
你可以现在单击Flight components 来寻找所有可用组件.同时也可以通过Bower引用:
bower search flight
最简单的书写一个components组件的方式是通过Flight package generator:
yo flight-package foo
这是一个关于Flight的主要概念和语法的简要说明。你可以通过阅读 API documentation 来了解详细情况。
一旦被绑定,组件实例就会直接和它的节点对象相关联。(也有jQuery版本的可用节点,$node)
Flight组件通过事件来实现交互。组件的原型提供方法来触发事件,同时将事件从组件上 绑定和解绑。这些组件事件的方法实际只是一组便捷的包装了的普通dom节点的事件和方法。
标签:for dom website 官网 自己的 readme.md 也有 search nod
原文地址:http://www.cnblogs.com/benxiaohai-microcosm/p/6493263.html