BT

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

T3:为创建大型JavaScript应用而打造的开源前端库

| 作者 李小兵 关注 0 他的粉丝 发布于 2015年4月23日. 估计阅读时间: 3 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

T3是一个为创建大型JavaScript应用而打造的前端库,它由前Yahoo!首席前端工程师和YUI代码贡献者Nicholas C. Zakas加入安全内容平台Box后与团队成员一起创建,并基于Apache License 2.0许可协议开源。T3的设计完全遵循可扩展JavaScript应用体系结构相关原则,尤其是组件间强调松耦合、依赖透明化、为不明确的需求留有扩展点以备扩展、抽象出共同点等原则。T3的创建目的是鼓励开发者编写一些小且用途单一的组件,继而创建出扩展性比较强的客户端代码。T3依赖jQuery 1.8或更高版本, 目前支持的浏览器包括Internet Explorer 8及以上和最新版本的Firefox、Chrome 、Safari。

与MVC框架大不同,T3允许开发者决定自己所创建的组件类型,且这些组件具有松耦合、少模型的特征。T3又可以同其它框架如 Backbone或者React配合使用,以使得开发者根据自己的需要组成一个完成的客户端开发栈。组件类型分为以下三种:

  • 服务(Service):为应用提供额外工具的库,例如Cookie工具、URL转码和解码、弹出菜单等;
  • 模块(Module):模块可以使用服务来完成任务,但模块不能直接引用其他模块;
  • 行为(Behavior):混合模块,旨在允许连接由多个模块共享的事件,如拦截链接点击来执行Ajax导航事件。行为可以使用服务来完成任务,但是不能直接引用模块或其他行为。

Nicholas指出他们所创建的组件都符合以上三种类型,并且开发者混合使用这些类型足以创建出许多不同类型的用户体验。组件间以及同其他框架间的通信示意图如下:

在经过数月的使用后,T3已经获得了如下成就:

  • T3组件代码测试覆盖率为80%,其组件非常易于测试,开发者可以根据需要进行各种测试;
  • 能够根据反馈以更快的速度实现新特性
  • 消除了“what goes where”问题,所以当需要做一个改变时,开发者很容易知道在哪实现;
  • 逐步改造和测试页面部分,自从T3可以与其他框架一起工作后,创建和转换组件变得很容易,而不用停止重新编写整个客户端。

在Box,T3已经有了18个月的使用历史,且今年Box的所有Web应用已经完全改造为由T3实现。更多有关T3的信息,请开发者参考GitHub其官网


感谢郭蕾对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们,并与我们的编辑和其他读者朋友交流(欢迎加入InfoQ读者交流群InfoQ好读者)。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个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