Twitter开源了基于事件的组件框架Flight_Web框架_Abel Avram

2025上半年，最新 AI实践都在这！20+ 应用案例，任听一场议题就值回票价了解详情 



 写点什么

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