導(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)。