bootstrap和vue哪個好？

NoraXie 2022-06-22 19:44 回答10 收藏1

收藏問題

10條回答

newtrek

回答于2022-06-22 19:44

首先這兩個不是同一個緯度的，vue是一個漸進式j(luò)s框架，它封裝的是一系列開發(fā)的規(guī)范和語法糖，而bootstrap則是一套ui框架，主要關(guān)注的是展示層。

樓主既然問出這樣的問題，應(yīng)該是行業(yè)外的或者剛?cè)腴T的新手，那么要講清楚這兩者的關(guān)系，不妨打個比方來形容，如果把前端開發(fā)比喻成蓋房子，那么vue就像一套蓋房規(guī)范，告訴你房子需要有地基，梁柱，樓梯等并且告訴你怎么安裝，因此你可以通過vue在其規(guī)范下蓋出各種符合你需求的房子，而bootstrap則像是一套裝修風格，墻壁什么顏色的油漆，茶幾，地板什么樣式的等，所以這兩者互不影響，只要你喜歡，你也可以同時使用vue和bootstrap，希望能幫到你。

評論0 贊同0

加載中...

piglei

回答于2022-06-22 19:44

Bootstrap

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發(fā)響應(yīng)式布局、移動設(shè)備優(yōu)先的 WEB 項目。

特點

是柵格系統(tǒng), 使用簡單, 上手容易. 專為響應(yīng)式頁面而生. 一套代碼就可以自適應(yīng)平板電腦和PC.

提高開發(fā)效率
規(guī)范名稱定義，便于維護
規(guī)范項目開發(fā)流程
css代碼更清晰、簡單。html代碼更合理
bootstap最近發(fā)布了bootstrap4，擁有了box-flex布局等更新，緊跟最新的web技術(shù)的發(fā)展
比較成熟，在大量的項目中充分的使用和測試
擁有完善的文檔，使用起來更方便
有大量的組件樣式，接受定制
可以實現(xiàn)響應(yīng)式布局，開發(fā)響應(yīng)式布局網(wǎng)站很便捷
統(tǒng)一的編碼風格
詳細的說明文檔，可快速開發(fā)
移動設(shè)備優(yōu)先
性能成熟，在大量項目中使用測試過

缺點

在于, 缺少一套有力的成體系的組件(當時調(diào)查的時候還沒有, 現(xiàn)在據(jù)說有了), 我在實際使用時, 發(fā)生了作用域沖突的問題, 如果沒有整理好一整套組件, 開發(fā)很累。

有兼容性問題，ie6以下不支持
不支持sass
使用定制會產(chǎn)生大量冗余代碼
點擊導航頁面直接切換相應(yīng)位置時，效果像一個錨點，沒有滾動動畫

Vue

Vue 是一套用于構(gòu)建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，方便與第三方庫或既有項目整合。

特點

把頁面當組件加載，加載更快
共用API和資源，不再重復加載
數(shù)據(jù)的雙向綁定. 數(shù)據(jù)改, 頁面改. 頁面改, 數(shù)據(jù)也改.
頁面的呈現(xiàn)據(jù)說比React還快.
組件化(實際上React也有組件化). 這和BootStrap這種組件化的概念還有點不同, Vue的組件化, 已經(jīng)把作用域沖突的問題給搞定了.另外, js測試也變得更專業(yè)化了(有點類似junit).
單html開發(fā). 它的開發(fā)模式, 是一個html, 然后不停替換組件對應(yīng)的js來切換顯示效果. html中的共通js和css只需要download一次, 理論上比Iframe頁面的呈現(xiàn)更快.
結(jié)合node.js提供的webpack等, 可以進行成體系的打包發(fā)布.

缺點

上手難度比較高, 并且大規(guī)模開發(fā)的話, 需要有體系化開發(fā)的積累. Vue的組件化開發(fā)推薦使用Element。

頁面是異步加載，不利于搜索引擎抓取

首次加載稍慢

bootstrap與vue的區(qū)別

Bootstrap是基于HTML、CSS、JavaScript 開發(fā)的簡潔、直觀、強悍的前端開發(fā)框架；而Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架，輕量級框架、簡單易學、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運行速度快，VUE目前最流行的前端框架。

評論0 贊同0