解決問題

Bootstrap是一個(gè)css框架，針對(duì)解決的問題有：

跨設(shè)備的網(wǎng)頁(yè)響應(yīng)式布局問題。隨著手機(jī)、平板、各分辨率屏幕的出現(xiàn)，如何能夠一套前端在所有設(shè)備上自由適應(yīng)？
多人合作的前端布局和樣式的規(guī)范問題
常用前端css組件，如按鈕、連接、表單、表格、分頁(yè)組件、下拉菜單、導(dǎo)航欄、ICON等等
常用JS前端組件（需要擴(kuò)展js支持），如表單驗(yàn)證、Tips、Popup等等

jQuery Mobile是移動(dòng)前端框架，包含js、html、css，提供一套完整的移動(dòng)前端開發(fā)組件，可以比喻成Android開發(fā)框架，盡可能提供移動(dòng)APP所具有的所有功能，針對(duì)解決的問題有：

移動(dòng)網(wǎng)頁(yè)APP所常用的組件，例如：手機(jī)導(dǎo)航欄、選項(xiàng)卡、底部菜單、列表、表單等各種組件，而這些與Bootstrap提供的組件有很大區(qū)別，jQuery Mobile提供的是類似手機(jī)APP的組件，只用于移動(dòng)網(wǎng)頁(yè)，而Bootstrap提供的是面向所有設(shè)備的組件，并沒有對(duì)移動(dòng)設(shè)備專門考慮，與移動(dòng)APP的組件體驗(yàn)不一樣。
網(wǎng)頁(yè)頁(yè)面之間轉(zhuǎn)換效果
異步數(shù)據(jù)加載

功能
Bootstrap其核心主要是一個(gè)css樣式框架，基于css 的Media Query功能實(shí)現(xiàn)了響應(yīng)式布局，能夠幫助前端開發(fā)人員快速布局、快速開發(fā)、合作開發(fā)。它必須借助jQuery類似的js框架來(lái)實(shí)現(xiàn)Ajax數(shù)據(jù)交互。
jQuery Mobile其核心是一個(gè)完整的WebAPP框架，加入了一個(gè)輕量級(jí)的jQuery可以實(shí)現(xiàn)Dom操作，在jQuery的基礎(chǔ)上提供了一系列類似移動(dòng)APP的Widget（視圖組件），提供了一套不錯(cuò)的頁(yè)面轉(zhuǎn)場(chǎng)效果，可通過Ajax實(shí)現(xiàn)與后端數(shù)據(jù)交互。

適用場(chǎng)景
Bootstrap通常用于：展示網(wǎng)站的響應(yīng)式布局開發(fā)，使得網(wǎng)站可以在不同設(shè)備上方便瀏覽；以及網(wǎng)站后臺(tái)管理系統(tǒng)的前端CSS框架。
jQuery Mobile通常用于：期望接近移動(dòng)APP體驗(yàn)的WebAPP，項(xiàng)目只運(yùn)行在手機(jī)端，不用于電腦設(shè)備展示（雖然是可以展示的，但是效果不好）。

總結(jié)
如果做跨設(shè)備響應(yīng)式前端，選擇Boostrap；如果僅作移動(dòng)端，期望得到近似APP的WebAPP，使用jQuery Mobile。
如果做一個(gè)產(chǎn)品級(jí)的WebAPP，當(dāng)前jQuery Mobile的能力并不能讓你滿意，自己開發(fā)響應(yīng)式布局框架和WebApp組件是必然要走的路。

最近我們手機(jī)端網(wǎng)站想改版，打算用bootstrap做移動(dòng)端開發(fā)的，但經(jīng)過網(wǎng)上很多人的反饋來(lái)看boostrap比較大，他應(yīng)該說是pc與移動(dòng)一體自適應(yīng)的情況下用，如果單純的做移動(dòng)站沒必要，用這么臃腫的東西。

最新評(píng)論