盘点那些大牌互联网公司内部使用的JavaScript库

淘宝:KISSY
支付包&阿里巴巴: Arale
腾讯:JX
百度:Tangram Magic

KISSY
KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。

Arale
Arale 立足于支付宝的前端需求和国内前端社区,基于 Sea.js 和 CMD 规范,致力发展小而美的前端模块架构,建立了一套从编码测试到部署的开发体系, 是一个开放、简单、易用的前端解决方案。

兼容性

如无特别说明,Arale 模块均兼容于 IE6+ 以及 Chrome/Firefox/Safari/Opera 的最新稳定版。

简介

Arale(阿拉蕾) 生在旧社会,长在新中国,本为一个乖巧可爱的机器人女娃,在 Sea.js 大叔的蛊惑下,逐渐走上了无恶不作的不归路。

在猥琐的 Sea.js 的帮助下,Arale 胁迫了业界最优秀的开源类库 (包括不限于 jQuery、underscore、momentjs、handlebars 等)为己所用,并且始终保持对开源社区的邪恶目光,站在并将始终站在这些无辜巨人们的肩膀上。(欢迎加入可能是最不愿意自己开发组件的前端团队!)

Arale 手下拥有 popup、validator、position、autocomplete 等等等等下流狡猾的 CMD 模块喽啰们,他们手脚麻利,办事干净,各自独当一面讲义气,任你各种需求耀武扬威,上去就是一板砖,绝无二话。

Arale 有两大帮凶,一是心狠手辣的包管理工具 spm 管家。spm 帮助她处理打包部署等繁琐工作,让她没有后顾之忧,放心上街砍人。 spm 还精心炮制了 源 服务以供 Arale 发布和管理代码,实乃黑社会管家们之业界良心。

第二位是杀千刀的 nico 兄,这位兄弟擅长玩弄 Markdown 格式,帮助 Arale 用 Markdown 来起草各类文档、演示、用例,方便本地开发,生成静态站点。他打破了互联网上的文档生成旧秩序,对 写文档 和 写演示 这两位苦大仇深的人犯下了不可饶恕的罪行。

Arale 还有个漂亮的好姐妹 Alice 协理样式方面的琐事; 有一只 龙猫 安静守护在她身边,耐心进行各种兼容性测试;让她了无后顾之忧。

最后,最重要的是,Arale 出生和成长在开源街区中,托管在 github 上,深谙互联网的开源黑文化。都在江湖飘哪能不挨刀,Arale 会在不断的闷棍、毒镖暗器、黑吃黑、内讧、街头火并中越挫越勇,希望道上的人抬爱,给个面子,大家同舟共济。

JX

JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp。

简介

JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode – http://code.google.com/p/j-et/,于2012年切换到Github,开始我们开源计划的新征途,请记住我们的最新开源地址:https://github.com/AlloyTeam/JX,谢谢大家来支持^_^。 JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的Web App,腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发,兼容目前所有主流浏览器。

设计理念

  1. 保持最优的执行效率
  2. 保持 Javascript 原有的代码风格,降低学习难度
  3. 不做任何的过度封装
  4. 更好的组织工业级 Javascript 应用程序
  5. 探索在前端使用 MVP、MVC 等模式来构建大型 WebApp
  6. 探索工业级 Javascript 的开发技术

特性

  1. 微内核设计:内核可完全分离出来,用于构建其他的框架
  2. 原生对象零污染:你懂的,随着js的App越来约复杂,对原生对象的零污染也体现的越来越重要了
  3. 模块封包:采用命名空间、闭包等方式建立了模块封包的体系,帮助更好的组织海量js代码
  4. 模块自由拼装:自身模块做了良好的架构分离,尽可能让各个模块之间可以自由的拼装组合
  5. 无缝集成各种js框架:与jQuery, YUI, Mootools, Prototype.js 等框架无缝集成;与多种局部框架无缝集成,如:Mini, Sizzle, cssQuery, xpath, JSON 等等
  6. 多版本共存:如采用的Jx版本过旧,旧有的Javascript代码不能与新版本Jx兼容,则可以采用多版本共存的方式保持程序的可延续性
  7. 分层设计:Javascript核心层,与Javascript解释引擎无关的封装和扩展;浏览器端Javascript层,对浏览器中的Javascript引擎部分的封装和扩展

架构

  • 第一层:Core Javascript 扩展模块 / 代码组织模块(可用于NodeJs等其他js引擎,轻松组织大型应用,无缝接入其它js库)
  • 第二层:Browser Javascript 扩展模块(跨浏览器,基础封装) / 可选模块(设计模式相关模块,选择器模块…)
  • 第三层:UI 组件 / 实时动画模块 / 游戏引擎模块
  • 发展规划
  • 核心底层 – 纯Js底层功能封装/代码组织/无缝接入其它js库 – [完成]
  • 基础扩展 – 跨浏览器封装/工具函数/设计模式相关 – [完成]
  • UI 基础控件 – 按钮/面板/窗口/树形列表/Tab/lightbox/widgets…
  • 实时动画系统 – 实时定时器/关键帧动画/加速度公式/物理引擎/声音控制器…
  • 游戏引擎 – 角色控制/地图系统/游戏异步通讯系统/寻路算法/键盘控制/人工智能/…

设计原则

不要重复造轮子

业界已经有很多优秀的局部框架,比如JSON、Mini Selector Engine、SWFObject等等,作为一个综合性的Web前端框架直接做兼容即可,没有再写一遍的必要了,所以JX框架针对出色的局部框架做了良好的兼容工作。

Tangram & Magic

Tangram 是一款实用的JavaScript基础库,通过她可快速构建出高度互动的Web应用程序,简单而有效!

特性

  1. 全浏览器兼容
  2. 平滑升级体验
  3. 自由定制输出最小尺寸

Magic是用JavaScript脚本开发的轻量级UI组件,具有性能高效、代码量小、支持多种初始化方式等方面的优势,Web前端开发者可以使用Magic快速搭建前端功能比较复杂的网站。

Magic的每个组件都有非常丰富的接口和事件处理,网站也提供了详细的使用文档和Demo演示。Web前端开发者可以通过定制组件、初始化方式和插件获得最轻量级版本。

Magic的底层为高效的Tangram库。

特性

  1. 10个常用UI组件
  2. 可通过定制获得最轻量级的版本
  3. 全中文文档,易上手
  4. 支持多种初始化方式
  5. 支持全部PC端浏览器
  6. 可自行更换皮肤

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。