1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        JX騰訊Web前端框架庫

        聯(lián)合創(chuàng)作 · 2023-09-19 12:00

        by Tencent AlloyTeam

        簡介

        JX 是模塊化的非侵入式Web前端框架,開發(fā)于2008年,并于2009年開源于GoogleCode - http://code.google.com/p/j-et/,于2012年切換到Github,開始我們開源計(jì)劃的新征途,請記住我們的最新開源地址:https://github.com/AlloyTeam/JX,歡迎訪問我們的團(tuán)隊(duì)Blog - http://www.alloyteam.com/2012/06/jx-framework/,謝謝大家來支持^_^。

        JX 框架同時(shí)適用于 Web Page 和 Web App 項(xiàng)目的開發(fā),特別適合構(gòu)建和組織大規(guī)模、工業(yè)級(jí)的Web App,騰訊 WebQQ -http://web.qq.com、騰訊 Q+ http://www.QPlus.com 等產(chǎn)品都是采用JX框架開發(fā),兼容目前所有主流瀏覽器。

         命名含義

        • JX 是 Javascript eXtension tools 的縮寫,即 Javascript 擴(kuò)展工具套件的意思。

        設(shè)計(jì)理念

        • 保持最優(yōu)的執(zhí)行效率

        • 保持 Javascript 原有的代碼風(fēng)格,降低學(xué)習(xí)難度

        • 不做任何的過度封裝

        • 更好的組織工業(yè)級(jí) Javascript 應(yīng)用程序

        • 探索在前端使用 MVP、MVC 等模式來構(gòu)建大型 WebApp

        • 探索工業(yè)級(jí) Javascript 的開發(fā)技術(shù)

        特性

        • 微內(nèi)核設(shè)計(jì):內(nèi)核可完全分離出來,用于構(gòu)建其他的框架

        • 原生對象零污染:你懂的,隨著js的App越來約復(fù)雜,對原生對象的零污染也體現(xiàn)的越來越重要了

        • 模塊封包:采用命名空間、閉包等方式建立了模塊封包的體系,幫助更好的組織海量js代碼

        • 模塊自由拼裝:自身模塊做了良好的架構(gòu)分離,盡可能讓各個(gè)模塊之間可以自由的拼裝組合

        • 無縫集成各種js框架:與jQuery, YUI, Mootools, Prototype.js 等框架無縫集成;與多種局部框架無縫集成,如:Mini, Sizzle, cssQuery, xpath, JSON 等等

        • 多版本共存:如采用的Jx版本過舊,舊有的Javascript代碼不能與新版本Jx兼容,則可以采用多版本共存的方式保持程序的可延續(xù)性

        • 分層設(shè)計(jì):Javascript核心層,與Javascript解釋引擎無關(guān)的封裝和擴(kuò)展;瀏覽器端Javascript層,對瀏覽器中的Javascript引擎部分的封裝和擴(kuò)展

        代碼示范

        • JX 代碼組織方式一(傳統(tǒng)):

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

        • JX 代碼組織方式二(推薦):

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

        相關(guān)文檔

        架構(gòu)

        第一層:Core Javascript 擴(kuò)展模塊 / 代碼組織模塊(可用于NodeJs等其他js引擎,輕松組織大型應(yīng)用,無縫接入其它js庫)

        第二層:Browser Javascript 擴(kuò)展模塊(跨瀏覽器,基礎(chǔ)封裝) / 可選模塊(設(shè)計(jì)模式相關(guān)模塊,選擇器模塊…)

        第三層:UI 組件 / 實(shí)時(shí)動(dòng)畫模塊 / 游戲引擎模塊

        發(fā)展規(guī)劃

        • 核心底層 - 純Js底層功能封裝/代碼組織/無縫接入其它js庫 – [完成]

        • 基礎(chǔ)擴(kuò)展 - 跨瀏覽器封裝/工具函數(shù)/設(shè)計(jì)模式相關(guān) – [完成]

        • UI 基礎(chǔ)控件 - 按鈕/面板/窗口/樹形列表/Tab/lightbox/widgets…

        • 實(shí)時(shí)動(dòng)畫系統(tǒng) - 實(shí)時(shí)定時(shí)器/關(guān)鍵幀動(dòng)畫/加速度公式/物理引擎/聲音控制器…

        • 游戲引擎 - 角色控制/地圖系統(tǒng)/游戲異步通訊系統(tǒng)/尋路算法/鍵盤控制/人工智能/…

        設(shè)計(jì)原則

        • 不要重復(fù)自己(Don’t Repeat Yourself) 業(yè)界已經(jīng)有很多優(yōu)秀的局部框架,比如JSON、Mini Selector Engine、SWFObject、

        誰在用JX

        感謝

        感謝團(tuán)隊(duì)每一位成員做出的努力,有你我們會(huì)更精彩!

        Tencent Alloy Team 2012

        瀏覽 37
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        編輯 分享
        舉報(bào)
        評(píng)論
        圖片
        表情
        推薦
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        編輯 分享
        舉報(bào)
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            伦理片在线播放无遮无挡 | 污黄视频下载 | www.日本xxxx | 天天干天天射天天日 | 乱人伦中文字幕 | 枫ふうあ女教师av播放 | 欧美黄色高清视频 | 爆操爆乳| 女教师含羞撅起屁股粗暴 | 黄色一级棒|