bootstrap和vue哪個(gè)好？

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

收藏問(wèn)題

10條回答

newtrek

回答于2022-06-22 19:44

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

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

評(píng)論0 贊同0

加載中...

piglei

回答于2022-06-22 19:44

Bootstrap

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

特點(diǎn)

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

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

缺點(diǎn)

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

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

Vue

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

特點(diǎn)

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

缺點(diǎn)

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

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

首次加載稍慢

bootstrap與vue的區(qū)別

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

評(píng)論0 贊同0

加載中...

Dongjie_Liu

回答于2022-06-22 19:44

一個(gè)是框架，一個(gè)是ui框架，基于vue可以搞一個(gè)bootstrap出來(lái)，反過(guò)來(lái)不行，沒(méi)有什么可比較性。

評(píng)論0 贊同0

加載中...

array_huang

回答于2022-06-22 19:44

這兩種技術(shù)沒(méi)有可比性：Bootstrap是web UI框架，Vue是Js封裝的庫(kù)，這兩個(gè)都做的非常好，是目前開(kāi)發(fā)web前端最流行的工具。根據(jù)題主所問(wèn)的問(wèn)題，建議先學(xué)HTML，CSS，JavaScript,Jquery，把這些基本知識(shí)搞明白了，再學(xué)習(xí)這些框架。

評(píng)論0 贊同0

加載中...

gplane

回答于2022-06-22 19:44

都好，如果你非得選取一個(gè)，我選VuE，因?yàn)轫?xiàng)目一直在用

評(píng)論0 贊同0

加載中...

gclove

回答于2022-06-22 19:44

我不是搞前端的，但是目前在進(jìn)行算法部署開(kāi)發(fā)發(fā)現(xiàn)bootstrap居然可以與python web框架兼容。這樣能省不少事。一天就寫了一個(gè)登錄界面與主頁(yè)。從來(lái)沒(méi)系統(tǒng)學(xué)習(xí)過(guò)css + html感覺(jué)不錯(cuò) 后期重寫優(yōu)化下。

評(píng)論0 贊同0