BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 Abel Avram 关注 10 他的粉丝 ,译者 臧秀涛 关注 4 他的粉丝 发布于 2013年2月5日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT