目前幾款基於html5的前端框架:如Bootstrap、Foundation、Semantic UI 、Amaze UI


Bootstrap是由Twitter在2011年8月推出的開源WEB前端框架,集合CSS 和HTML,使用了最新的瀏覽器技術,為快速WEB開發提供了一套前端工具包,包括布局、網格、表格、按鈕、表單、導航、提示,其核心就是基於Less框 架構建的CSS。Bootstrap框架擁有美觀的樣式和封裝完善的JQ插件,使用方便,基於Bootstrap的擴展也很多,這是其他框架所無法比擬 的,也是其最受歡迎的條件之一。

Foundation宣稱是世界最好的響應式前端框架,默認支持5種網格布局,是三款框架中最復雜也是最靈活的。Bootstrap默認支持四種網格布局,Pure默認支持一種。

Semantic UI是語義化設計的前端框架,開發更加直觀,UI組建可實時調試輸出,其最大的特點是充分利用CSS3動畫特效,簡潔實用漂亮的樣式。

以上各種產品我們也用過,當時我們發現全球有將近6%的網站是基於Bootstrap做的。不 過對於中國開發者來說,Bootstrap門檻仍然較高,而且本土化支持不夠好。首先,Bootstrap只支持英文字體,並沒有對中文字體做設置。在不 同操作系統、不同瀏覽器下,默認的中文字體可能是不一樣的,這樣會導致網頁在某些時候顯示得不太好看。而且英文字號和中文字號的大小也不一樣,直接用 Bootstrap來做文字排版並不能達到最好的效果。另外,國內瀏覽器種類繁多,Bootstrap也無法照顧到對國內瀏覽器的支持,我們希望不斷加強 對各種本土瀏覽器的支持,幫助廣大前端開發者從最繁瑣痛苦的瀏覽器性問題中解脫出來。其次,Bootstrap還沒有把重點放在豐富界面組件上,而 Amaze UI非常注重提高開發者的效率,我們會不斷增加跨屏的界面組件,讓開發者盡量少些代碼。第三,Bootstrap 因為最早是從PC端開始做的,所以有些 地方是先PC后移動,而Amaze UI的思路是先移動后PC。例如,Bootstrap使用了jQuery庫,而Amaze UI使用了Zepto.js,Zepto.js的體積不到jQuery的1/3,對移動端的性能很大提升。因此,一個針對中國市場的、移動優先的跨屏前端 開發框架開發者有很強的需求,也是一個行業的空白。

Amaze UI應該是中國首個HTML5跨屏前端開發框架,其不僅兼容前幾者的優勢,還具有以下優勢:

1. 加入更多符合中國市場特性的元素:中文排版更優化,兼容中國本土主流瀏覽器

2. 更輕量化,不僅適用於桌面端,更適合移動端

3. 包含一些封裝好的Widgets,其他框架則沒有


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM