知識分享

小巧易用的WEB COMPONENT框架NOVA.JS,讓網站元件化開發更簡單。

發表日期:2020-10-9 17:37:09 文章編輯: 瀏覽次數:188

Web Component是Web開發的未來。Polymer, X-Tag等Web Component框架也越來越熱門,但由于其瀏覽器支持度不高,我們仍缺少將Web Component應用到專案中的機會。

WEB COMPONENT框架

但是,雖然Web Component的支持度不高,但并不代表我們不能在現有的項目中使用元件化開發思想。

Nova.js可以幫助我們在項目中使用Web元件化的方式進行開發,同時,支持行動端所有主流瀏覽器及PC端IE9+及其它主流瀏覽器。

 

NOVA.js 的特色

自定義元素

通過自定義元素的方式實現元件??煞奖憧焖俚囟x元素的樣式、模板、屬性、方法、生命周期各階段的行為。

  •  

Scoped CSS

編寫自定義元素的CSS時無需擔心影響外部元素,樣式只會作用于元素及其內部,將你從命名的牢籠中解救出來。

雙向綁定

通過MVVM模型,方便開發者快速關聯元素的模板與屬性,快速綁定事件, 無需過多手動地讀寫DOM節點來同步屬性。

  •  

更多功能

Nova.js使用gzip壓縮后僅12K,支持所有移動端瀏覽器和IE9+等主流PC瀏覽器。它還包含屬性監聽、方法切片、Behavior復用機制等功能。

 

Nova.js與Polymer、Vue.js的區別

與Polymer

Nova.js是根據Polymer設計而來。其主要區別有:

  1. 支持度:Polymer移動端只支持到Android4.4,PC端的支持也與Import、Template等標準的支持度一樣非常低。但是Nova.js已經可以支持所有移動端瀏覽器,PC端的IE9+和其它主流瀏覽器。
  2. 體積:Polymer底層龐大,若在移動端想使用基于Polymer的一個元件,流量代價較高。而Nova.js在gzip壓縮后只有12K。相對所有其它的MVVM架構,非常小巧精簡。

與Vue.js

  1. 定位:Vue.js的定位是Web應用框架。而Nova.js專注與元件開發。因此Nova.js元件的樣式具有作用域、能方便定義元件模板??偠灾?,開發元件更為方便。
  2. ?。?Nova.js的體積為Vue.js的一半以下。因此當使用者想簡單引入一個元件時、使用Nova.js的代價也是更低的。

Nova.js的優勢

Nova.js的主要優勢就是小巧、專注于開發元件?,F在有許多Web應用框架,如React、Vue.js、Angular等。但是它們的問題是太龐大。當我們想在一個很簡單的頁面(例如活動宣傳頁)中使用現成的元件時,如果還要引入React,Vue.js等框架的基礎庫,那么成本并不低。

使用Nova.js開發元件,不管未來頁面使用的是什么Web框架,或者是一個簡單的靜態頁面。都能引入小巧的元件。

 

Nova.js官網

NovaUI官網


標簽: 框架 網站建設
將文章分享到..
相關新聞
全新新聞
隨機新聞
最新網站設計案例
Hi,我來幫您!
江苏e球彩今日走势图 秒速时时彩精准计划一点击进入 四川快乐12开奖结果走势图手机板 918通比牛牛下载 pt电子游戏送彩金|Welcome 极速时时彩选号怎么选的 北单比分奖金计算 腾讯欢乐捕鱼 特区彩票论坛海南七彩网 一分赛车有什么好的方法 皇家aaa万人炸金花 组三七码 3d开机号和试机号查 港龙彩票平台是骗人的吗 智能期货分析软件 ag真人视讯微信_点击登陆 福辽宁35选7开奖结果彩票控