云適配將推出中國首個(gè)開源HTML5跨屏前端框架Amaze UI
導(dǎo)語:云適配在用一行代碼做適配的過程中,積累了一套跨屏的前端常用網(wǎng)頁組件,而最近,他們想把這套組件開源出來,將這套組件命名為“Amaze UI”。
云適配,這是一家能以一行代碼將你的網(wǎng)站移動(dòng)化,實(shí)現(xiàn)網(wǎng)址不變且內(nèi)容實(shí)時(shí)自動(dòng)同步的服務(wù)提供商。云適配所采用的技術(shù)是一項(xiàng)基于云計(jì)算、利用html5進(jìn)行網(wǎng)站跨屏適配,它為目標(biāo)網(wǎng)站開發(fā)一行JS代碼,并嵌入PC網(wǎng)站,這個(gè)JS代碼通過對(duì)PC網(wǎng)站目標(biāo)網(wǎng)頁數(shù)據(jù)的分析和抓取,在云端完成用戶當(dāng)前設(shè)備的網(wǎng)頁最佳展現(xiàn)方式的計(jì)算,最后在瀏覽器端實(shí)現(xiàn)html結(jié)構(gòu)的重排及CSS的重新渲染,以適應(yīng)移動(dòng)端用戶的瀏覽習(xí)慣。
在他們用一行代碼做適配的過程中,積累了一套跨屏的前端常用網(wǎng)頁組件,而最近,他們想把這套組件開源出來,將這套組件命名為“Amaze UI”,小編在這里補(bǔ)充一下中文一名可以叫“妹子UI”,哈哈。簡單來說他是一個(gè)針對(duì) HTML 5 開發(fā)的輕量級(jí)、模塊化、移動(dòng)優(yōu)先的跨屏前端框架,通過拆分、封裝了一些常用的網(wǎng)頁組件,比如輪播圖框、文字框等等組件,讓前端開發(fā)者只用復(fù)制代碼便可以將這些跨屏的組件寫入自己的網(wǎng)頁中,提高了開發(fā)者的開發(fā)效率。
· 移動(dòng)優(yōu)先,跨屏適配 :Amaze UI 以移動(dòng)優(yōu)先(Mobile first)為理念,從移動(dòng)設(shè)備開始開發(fā)網(wǎng)站,逐步再擴(kuò)展到更大屏幕的設(shè)備上,專注于最重要的內(nèi)容和交互,適應(yīng)移動(dòng)互聯(lián)潮流。
· 組件豐富,模塊化:Amaze UI 含近 20 個(gè) CSS 組件、10 個(gè) JS 組件,更有 10 幾款包含近 60 個(gè)主題的 Widgets,可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁面。
· 輕量化,高性能:Amaze UI 基于輕量的 Zepto.js 開發(fā),有效減少為兼容舊瀏覽器的臃腫代碼;基于 CSS3 的交互效果,平滑、高效,更適合移動(dòng)設(shè)備。
· 語義化:Amaze UI 開發(fā)遵循語義化原則,關(guān)注結(jié)構(gòu)、樣式、行為分離,降低各部分的耦合程度,提高開發(fā)效率和可維護(hù)性。同時(shí)便于搜索引擎更好的分析理解網(wǎng)頁內(nèi)容,利于 SEO。
國內(nèi)其他的一些開源框架有騰訊的 JX、網(wǎng)易的 NEJ 等,國外最類似的框架則是Bootstrap,以及 Foundation 和 Semantic UI,不過相比之下 Amaze UI 封裝了更多的組件,也加入了本土化的元素,比如可以適配 UC 瀏覽器、QQ 瀏覽器等,更適合中國開發(fā)者。
目前 Amaze UI 正在內(nèi)測中,感興趣的開發(fā)者可以點(diǎn)擊這里進(jìn)入內(nèi)測申請(qǐng)。