Web Components 頗令人向往,無(wú)奈瀏覽器支持有限,所以,Amaze UI Web 組件按照 Web Components 的實(shí)現(xiàn)形式,使用瀏覽器支持更為普及的技術(shù),將移動(dòng)開(kāi)發(fā)中常用的組件切割成不同部分,實(shí)現(xiàn)類(lèi) Web Components 的組件,提高開(kāi)發(fā)效率。
1.組件結(jié)構(gòu)
如上圖所示,Amaze UI Web 組件 通過(guò)一個(gè) package.json 文件描述,每個(gè)組件由模板(hbs)、樣式(LESS)、交互(JS)三部分組成,其中樣式可能有多個(gè)文件(不同的主題)。組件樣式和交互以 CSS 、JS 插件 為基礎(chǔ)編寫(xiě);使用 Handlebars 作為模板引擎。
Amaze UI 目前封裝的組件及演示請(qǐng)查看 Web 組件頁(yè)。
2.分享組件
如果你想分享你開(kāi)發(fā)的 Web 組件,可以
Fork Amaze UI 項(xiàng)目,按照
開(kāi)發(fā)文檔開(kāi)發(fā)完成以后,向我們提交 Pull Request。
通過(guò)審核以后,你的組件便會(huì)出現(xiàn)在 Amaze UI 官網(wǎng)。
歡迎大家加入 Web 組件開(kāi)發(fā)者行列(
開(kāi)發(fā)文檔),為用戶開(kāi)發(fā)更多的組件。
更多建議: