Twitter 开源了基于事件的组件框架 Flight

  • Abel Avram
  • 臧秀涛

2013 年 2 月 4 日

话题:Web框架开源JavaScript语言 & 开发

Twitter开源了Flight,这是该公司内部用于产品中的、为网站提供功能的 JavaScript 框架。

Twitter Flight是基于事件的框架,可用于为现有 DOM 结构添加功能。Flight 既不用于建模数据,也不用于 HTML 渲染,它不处理请求路由和页面模版,也不处理浏览器或服务器端的渲染。相反,它是一款高度解耦合的组件框架,这些组件连接到 DOM 节点,当在节点上调用事件时,可以提供预期的功能。

Flight 组件完全不知道其他组件的存在,一个组件也不能持有指向另一个组件的引用。组件是分别定义的,当它们被连接到节点时才会创建实例。组件会持有所连接节点的引用。之后为事件注册组件,事件会使用 DOM 的事件机制进行发送和接收。在接收到事件时,组件并不知道事件是来自节点还是来自另一个组件。它只是执行在组件定义时确定的、与各个事件关联的功能。

借助这种事件机制,Flight 支持开发者编写、测试和调试解耦合的组件,而无需依赖其他组件。即便其他组件出现问题,当前组件应该还能工作。

该框架也定义了 mixin,这是可以在组件和其他 mixin 间共享的小功能片段。Mixin 和面向对象语言(如 Java 或 C#)中的接口比较相似。

去年,Twitter 在对其网站进行更新时开始在产品中使用 Flight。现在 Twitter 基于MIT 许可证开放了 Flight 的源代码,同时提供了一个演示应用,还提供了用于解释如何设置 Flight、如何开始创建、测试和调试组件的文档

Flight 也依赖其他框架,包括使用ES5-shim来支持较老的浏览器,使用JQuery的 DOM 操作 API。该框架支持所有主要浏览器,包括 Firefox、Safari、Chrome、Opera 和 IE7+。

查看英文原文Twitter Open Sources Flight, an Event-based Component Framework

Web框架开源JavaScript语言 & 开发