Amaze UI Web 組件簡介

2018-10-30 20:11 更新
    Web Components 頗令人向往,無奈瀏覽器支持有限,所以,Amaze UI Web 組件按照 Web Components 的實(shí)現(xiàn)形式,使用瀏覽器支持更為普及的技術(shù),將移動開發(fā)中常用的組件切割成不同部分,實(shí)現(xiàn)類 Web Components 的組件,提高開發(fā)效率。

1.組件結(jié)構(gòu)

Amaze UI web組件

如上圖所示,Amaze UI Web 組件 通過一個 package.json 文件描述,每個組件由模板(hbs)、樣式(LESS)、交互(JS)三部分組成,其中樣式可能有多個文件(不同的主題)。組件樣式和交互以 CSS 、JS 插件 為基礎(chǔ)編寫;使用 Handlebars 作為模板引擎。

Amaze UI 目前封裝的組件及演示請查看 Web 組件頁。

2.分享組件

如果你想分享你開發(fā)的 Web 組件,可以 Fork Amaze UI 項(xiàng)目,按照開發(fā)文檔開發(fā)完成以后,向我們提交 Pull Request。
通過審核以后,你的組件便會出現(xiàn)在 Amaze UI 官網(wǎng)。
歡迎大家加入 Web 組件開發(fā)者行列(開發(fā)文檔),為用戶開發(fā)更多的組件。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號