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>

        NuclearJavaScript 超輕量級框架

        聯(lián)合創(chuàng)作 · 2023-09-22 06:41

        Nuclear 是騰訊 AlloyTeam 團隊開發(fā)的一款形似 React 的超輕量級框架(大小16k,gzip后6k)。

        純粹的javascript

        Nuclear不需要jsx,你只需要使用純粹的javascript就可以使用面向?qū)ο蟮姆绞饺ゾ帉懜魇礁鳂拥慕M件。Nuclear的目標是讓布局、樣式、數(shù)據(jù)、事件、行為完全獨立,讓程序更加易維護、可擴展。

        HTML+CSS

        Nuclear沒有虛擬Dom的概念,完整支持HTML和CSS所有功能,你完全可以使用HTML+CSS進行頁面布局排版,放心使用HTML5和CSS3大量的酷炫特性吧!

        observejs

        Nuclear使用observejs進行數(shù)據(jù)變更監(jiān)聽通知視圖全部刷新或者局部刷新,以空間換取時間的方式提高應用程序的性能。

        簡單的示例

        var HelloMessage = Nuclear.create({
            render: function () {
                return '<div>Hello , {{name}} !</div>';
            }
        })
        new HelloMessage("#helloContainer", { name: "Nuclear" });

        Nuclear通過 Nuclear.create方法創(chuàng)建結(jié)構(gòu)型組件和非結(jié)構(gòu)型組件,這個例子就是結(jié)構(gòu)型組件。

        創(chuàng)建結(jié)構(gòu)型必須包含 render() 方法,該方法返回渲染的模板,Nuclear使用mustache.js作為模板渲染引擎,創(chuàng)建組件new HelloMessage的第一個參數(shù)是組件的容器,第二個參數(shù)就是提供給模板引擎的數(shù)據(jù),并且可以任何方法都可通過this.option訪問該數(shù)據(jù)。

        感謝:

         

        瀏覽 30
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        編輯 分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        編輯 分享
        舉報
        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>
            国产自产在线播放 | 精品成在人线av无码免费看 | 国内精品一区二区 | 国产一级妓女卖婬片 | 狠狠狠狠狠狠狠狠狠狠 | 日本黄大屁股aⅴ电影 | 51嫩草亚洲精品永久 | 狠狠色噜噜狠狠狠狠色综合久 | 女人被添全过程av少妇寂寞 | 久草热播 |