腾讯Web前端开发框架JX(Javascript eXtension tools)

浏览数：26 / 时间：2015年06月08日

转自：Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools)

JX – Javascript eXtension tools

一个类似 Google Closure Library 的 Web 前端开发框架，服役于 WebQQ 等大规模的 WebApp
简介
JX 是模块化的非侵入式Web前端框架，最新开源地址：https://github.com/AlloyTeam/JX。 JX 框架同时适用于 Web Page 和 Web App 项目的开发，特别适合构建和组织大规模、工业级的Web App，腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发，兼容目前所有主流浏览器。

代码示范
JX 代码组织方式一(传统)：

var J = new Jx();
J.out(J.version);

JX 代码组织方式二(推荐)：

Jx().$package(function(J){
    J.out(J.version);
});

设计理念

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

特性

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

架构