Ratchet：移動端的Bootstrap到底怎麼樣？

01-09

在網上，看到Ratchet的一些介紹，號稱是移動端的Bootstrap，小夥伴們有沒有實際案例參考下？

每次看到用「到底」發問的，我心裡的答案都是：「難道」你不能自己把答案找出來嗎？

所以，難道你不能自己作比較，花時間，把答案找出來嗎？

完全可以忽略Ratchet，以前為前公司寫過一套UI組件庫，也比Ratchet強，推薦兩個相較好些的選擇：

1. https://github.com/nolimits4web/Framework7

2. https://github.com/driftyco/ionic

總結：

比較簡潔但不精鍊的，只面向智能手機的，基本的，UI組件小集合。還不能稱作框架。如果利用它來生產，需要精通html5相關規範、css3相關語法。各智能機型流行瀏覽器兼容性需要手動完善和修復。

優勢：

、組件簡潔，易上手。

、專註H5規範，css3特性（代碼易維護）

、傳說中bootstrap團隊作品（品牌效應）

劣勢：

、組件太簡潔，不精鍊

、只面向職能手機，兼容性沉澱不夠

、都說了是bootstrap團隊，他們肯定更多忙於bootstrap的開源維護。需要自己動手對源碼完善和擴展。

我的團隊在一個項目中嘗試用了一下。修改了不少bug，而且還要自己加工一些組件。

下面是一些demo。

只說下自己最真實的感受

支持的系統

然後自己去擼了一個類似於fullpage的應用擼的比較快一個小時左右就搞定了然後拿去給運營和產品看產品淡定的拿出個android機打開微信掃一掃然後就回去重做了

自己只是個嘗試並沒有真的想應用於生產環境這個東西沒應用真正的原因確實是在安卓部分機型上沒辦法流暢運行（中華酷聯，說多了都是淚) 動畫有掉幀非常的厲害再加上微信那個webview 有想退出回家賣水果的衝動

不過我很負責任的告訴up主如果業務面向高端機型那完全可以放心使用和bootstrap非常相似

當然UI可能需要自己修改修改適應不同的設計風格

總的來說開發體驗非常ok的。zzzz 深夜3點來看居然是調整圖片的能正經點嘛。zz

Ratchet跟Bootstrap的差距＝中國足球跟德國戰車的差距！

我司一年前做手機版網站選型時，在Ratchet、ionic、Framework7中選擇了Ratchet（當時後兩個還比較雛形），然後就杯具了：

完全沒問題，我用bootstrap開發過微信的，放心使用吧，另外有人說bootstrap的UI不夠完美，其實完全可以自己美化的，本人就自己美化過它的tabs，還是比較方便的，可以看看這篇文章，這就是我如何美化bootstrap的tabs詳細過程針對BootStrap中tabs控制項的美化和完善

最近試用了一下Ratchet，組件略少，而且前端UI很粗糙。很多組件還是需要自己重新寫樣式。

布局框架不好用。

寫了不到一個頁面，還是直接用了Bootstrap。Bootstrap在移動端的表現也蠻不錯。

曾經在項目中用過，一堆bug，最後還是得手寫。而且貌似沒什麼人用，距離Bootstrap差遠了。

以我現在的認識，bootstrap在移動端，感覺只體現在布局規範整齊，方面一套代碼pc、移動端通用，但一套代碼pc、移動端通用，這種做法本身就不太合理，，pc和移動端的區別不僅僅是屏幕大小的事

我也是最近才學的Bootstrap，感覺很好用啊

ｂｏｏｔｓｔｒａｐ　框架是基於移動端優先的前端框架，核心是柵格系統，媒體查詢

忽然想起了appcan和phonegap。。。

之前碰到一個哥兒們，面試被問到婚姻狀況（他本人是已婚已育），就老實回答了，並且夫妻兩人是暫時的異地（之後會將lp接過來），結果就是技術方面無懈可擊，但就是面不過去。求助於我，我也好長時間沒有面別人了。不知如何回答。只能求助各位大神或hr了。