除了Bootstrap,有沒有更好的響應式框架用來開發外包項目?


bs稍微過時,其響應式已經應對不了目前各個尺寸的設備。真正的響應式除了包括尺寸,還應該包括橫版,豎版等。也許bs v4能更嚴瑾一些。

本人向來都抱著去框架論去開發的。站在巨人的肩膀上固然是好事,但站在不靠譜的巨人身上等於綁架了自己,有時你會發現,填坑上花費的時間遠遠要高於自己按設計研發的時間。如果有能力,挑一些穩定的工具和框架搭建,盡量不用不穩定的框架。

按這個想法,響應式需要我們自行設計。我們需要按orientation設計出豎版和橫版,按maxwidth設計出幾個尺寸下不同的布局。如果貪圖方便,按rem做出全站統一標尺,不同尺寸修改rem的大小也是一個可行方案。

我們現在用angular material design,它有很不錯的響應式鉤子,不過我不用,自己實現了設計規定下的方案。


以下是我在正式項目中用過的庫。所有介紹和評價僅限於我使用時的版本:

Semantic UI:GitHub start 34K+。組件庫很豐富,可以很大程度上覆蓋一般的項目需要。依賴 jQuery,這也是我放棄它的主要原因之一。GitHub issue 里關於取消 jQuery 依賴的討論有段時間了,作者態度不積極(工作量確實大)。聽說現在也有了 Sementic-UI-React。

Material Design Lite:GitHub start 27K+。Google 官方的 Material Design 庫。組件庫只提供了基礎組件,缺少個性化組件,比如 DatePicker。在兼容性方面似乎沒做太多工作,比如 Dialog 組件就使用了較新的 & HTML 標籤,需要自己手動引入 polyfill。不過維護團隊說他們正在積極開發下一版,會有很大的提升。

下面是 React 庫:

A UI Design Language:GitHub start 13K+。阿里的庫,在知乎上也有不少討論。這個庫很適合國人做中後台應用,比如 XX 管理系統,提供了很多在國內網站後台常見而國外少見的組件。從這一點來說這個庫很適合做外包。對移動適配很一般,所以官方提供了一套專門的移動庫 A Mobile Design Specification。

Material-UI:GitHub start 25K+。也是很流行的 Material UI React 庫,比官方的 MDL 提供了更完整的組件庫和兼容性,可用性很高。作者更新和維護度還不錯。在體驗上存在一些細微的無傷大雅的瑕疵,但整體上瑕不掩瑜。

目前我自己仍然是在後台產品上使用 Ant Design,在用戶端使用 Material UI,提供高度標準的 Material Design 體驗。我自己的體驗是,Ant Design 整體上更符合國人的習慣,針對性更強,做管理系統後台具有極大的優勢。

用 Material Design 的庫可能需要你對 MD 有比較好的理解,在設計層面就做到 Material Design,不然用起來可能會覺得不太順手。例如設計上不符合 Material Design 的習慣和邏輯,而試圖用 MD 提供的基礎組件去拼接,開發起來會很難受,效果也不好。


國人的LayUI框架也不錯,兼容IE8,可以試試.


Bulma


5個比較流行的框架

The 5 Most Popular Frontend Frameworks of 2017 Compared — SitePoint


具體點。

你是要套個管理後台?react用ant design,vue的用element-ui,angular的,這倆都有對應的實現版本。

你是要切個手機電腦都能看的企業官網?bootstrap就行,輪子超多。

你要做一個手機上用的東西?mint-ui,ant desing mobile,vant,或者是純樣式的weui,多得是。


謝邀。這個不懂。


如果是外包項目,且只推薦一個,我推薦bjui(best jquery ui的意思)

想使用其他的話,可以參考我這個回答

https://www.zhihu.com/question/52272116/answer/129757417


Foundation


React表示很不錯,主流的JS框架都響應式了吧


推薦閱讀:

2017前端技術規劃該包含什麼?
mongodb與mysql的應用場景?
react許可證的問題是否意味著要轉技術棧了?
vue-router無法實現按需載入動態組件,有什麼替代方案可以解決這一需求呢?

TAG:Web開發 | 前端開發 | BootstrapTwitter | 前端框架 | 前端UI |