Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AlloyTeam/JX
JX(Javascript eXtension tools) 是腾讯AlloyTeam推出的模块化、非侵入式Web前端框架，适合构建和组织工业级大规模、高效率的 Web App
https://github.com/AlloyTeam/JX
Last synced: 4 months ago
JSON representation
JX(Javascript eXtension tools) 是腾讯AlloyTeam推出的模块化、非侵入式Web前端框架，适合构建和组织工业级大规模、高效率的 Web App
- Host: GitHub
- URL: https://github.com/AlloyTeam/JX
- Owner: AlloyTeam
- Created: 2012-03-11T07:17:27.000Z (almost 13 years ago)
- Default Branch: master
- Last Pushed: 2013-10-20T16:11:25.000Z (over 11 years ago)
- Last Synced: 2024-10-15T10:42:37.547Z (4 months ago)
- Language: JavaScript
- Homepage: http://AlloyTeam.github.io/JX/
- Size: 16.3 MB
- Stars: 1,153
- Watchers: 208
- Forks: 360
- Open Issues: 3
-
Metadata Files:
- Readme: README.markdown
Awesome Lists containing this project
README
JX - Javascript eXtension tools
===============================
一个类似 Google Closure Library 的 Web 前端开发框架，服役于 WebQQ 等大规模的 WebApp
By [腾讯 Web 前端 AlloyTeam](http://www.AlloyTeam.com/)
## 简介
JX 是模块化的非侵入式Web前端框架，开发于2008年，并于2009年开源于GoogleCode - [http://code.google.com/p/j-et/](http://code.google.com/p/j-et/)，于2012年切换到Github，开始我们开源计划的新征途，请记住我们的最新开源地址：[https://github.com/AlloyTeam/JX](https://github.com/AlloyTeam/JX)，谢谢大家来支持^_^。
JX 框架同时适用于 Web Page 和 Web App 项目的开发，特别适合构建和组织大规模、工业级的Web App，腾讯 WebQQ - [http://web.qq.com](http://web.qq.com)、腾讯 Q+ [http://www.QPlus.com](http://www.QPlus.com) 等产品都是采用JX框架开发，兼容目前所有主流浏览器。
## 命名含义
* JX 是 Javascript eXtension tools 的缩写，即 Javascript 扩展工具套件的意思。
## 设计理念
* 保持最优的执行效率
* 保持 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引擎部分的封装和扩展
## 架构
第一层：**Core Javascript 扩展模块** / **代码组织模块**(可用于NodeJs等其他js引擎,轻松组织大型应用,无缝接入其它js库)
第二层：**Browser Javasccript 扩展模块**(跨浏览器,基础封装) / **可选模块**(设计模式相关模块,选择器模块...)
第三层：**UI 组件** / **实时动画模块** / **游戏引擎模块**
## 代码示范
- JX 代码组织方式一(传统)：
var J = new Jx();
J.out(J.version);
- JX 代码组织方式二(推荐)：
Jx().$package(function(J){
J.out(J.version);
});
## 发展规划
- **核心底层** - 纯Js底层功能封装/代码组织/无缝接入其它js库 - [完成]
- **基础扩展** - 跨浏览器封装/工具函数/设计模式相关 - [完成]
- **UI 基础控件** - 按钮/面板/窗口/树形列表/Tab/lightbox/widgets...
- **实时动画系统** - 实时定时器/关键帧动画/加速度公式/物理引擎/声音控制器...
- **游戏引擎** - 角色控制/地图系统/游戏异步通讯系统/寻路算法/键盘控制/人工智能/...
## 设计原则
- 不要重复造轮子
业界已经有很多优秀的局部框架，比如JSON、Mini Selector Engine、SWFObject等等，作为一个综合性的Web前端框架直接做兼容即可，没有再写一遍的必要了，所以JX框架针对出色的局部框架做了良好的兼容工作。
## 谁在用JX
- [腾讯 WebQQ](http://web.qq.com)
- [腾讯 Q+](http://www.qplus.com)
## 感谢
感谢团队每一位成员做出的努力，有你我们会更精彩！
Tencent Alloy Team 2012