來自騰訊的輕量級 JavaScript 框架:Nuclear

jopen 9年前發布 | 24K 次閱讀 Nuclear JavaScript開發

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

純粹的javascript

Nuclear不需要jsx,你只需要使用純粹的javascript就可以使用面向對象的方式去編寫各式各樣的組件。Nuclear的目標是讓布局、樣式、數據、事件、行為完全獨立,讓程序更加易維護、可擴展。

HTML+CSS

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

observejs

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

簡單的示例

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

Nuclear通過Nuclear.create方法創建結構型組件和非結構型組件,這個例子就是結構型組件。

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

感謝:

  • observe.js

  • react.js

  • mustache.js

  • class.js

項目主頁:http://www.baiduhome.net/lib/view/home/1433813020379

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!