騰訊Web前端開發框架JX(Javascript eXtension tools)

時間 2019-11-08

標籤騰訊 web 前端開發框架 javascript extension tools 欄目騰訊简体版

原文原文鏈接

轉自：Web前端開發-Web前端工程師 » 騰訊Web前端開發框架JX(Javascript eXtension tools)javascript

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 代碼組織方式一(傳統)：css

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

JX 代碼組織方式二(推薦)：html

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

設計理念前端

保持最優的執行效率
保持 Javascript 原有的代碼風格，下降學習難度
不作任何的過分封裝
更好的組織工業級 Javascript 應用程序
探索在前端使用 MVP、MVC 等模式來構建大型 WebApp
探索工業級 Javascript 的開發技術

特性java

微內核設計：內核可徹底分離出來，用於構建其餘的框架
原生對象零污染：你懂的，隨着js的App越來約複雜，對原生對象的零污染也體現的愈來愈重要了
模塊封包：採用命名空間、閉包等方式創建了模塊封包的體系，幫助更好的組織海量js代碼
模塊自由拼裝：自身模塊作了良好的架構分離，儘量讓各個模塊之間能夠自由的拼裝組合
無縫集成各類js框架：與jQuery, YUI, Mootools, Prototype.js 等框架無縫集成；與多種局部框架無縫集成，如：Mini, Sizzle, cssQuery, xpath, JSON 等等
多版本共存：如採用的Jx版本過舊，舊有的Javascript代碼不能與新版本Jx兼容，則能夠採用多版本共存的方式保持程序的可延續性
分層設計：Javascript核心層，與Javascript解釋引擎無關的封裝和擴展；瀏覽器端Javascript層，對瀏覽器中的Javascript引擎部分的封裝和擴展

架構git