<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          NuclearJavaScript 超輕量級(jí)框架

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

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

          純粹的javascript

          Nuclear不需要jsx,你只需要使用純粹的javascript就可以使用面向?qū)ο蟮姆绞饺ゾ帉?xiě)各式各樣的組件。Nuclear的目標(biāo)是讓布局、樣式、數(shù)據(jù)、事件、行為完全獨(dú)立,讓程序更加易維護(hù)、可擴(kuò)展。

          HTML+CSS

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

          observejs

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

          簡(jiǎn)單的示例

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

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

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

          感謝:

           

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

          手機(jī)掃一掃分享

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

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产亚洲新免费视频在线观看 | 在线观看黄色的网站 | 日韩亚洲欧美在线 | 国 产 成 人 在 线 视频观看 | 俺来也图片区视频区 |