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