bootstrap和vue哪個(gè)好？

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

收藏問題

10條回答

newtrek

回答于2022-06-22 19:44

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

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

評(píng)論0 贊同0

加載中...

piglei

回答于2022-06-22 19:44

Bootstrap

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

特點(diǎn)

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

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

缺點(diǎn)

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

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

Vue

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

特點(diǎn)

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

缺點(diǎn)

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

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

首次加載稍慢

bootstrap與vue的區(qū)別

Bootstrap是基于HTML、CSS、JavaScript 開發(fā)的簡(jiǎn)潔、直觀、強(qiáng)悍的前端開發(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出來，反過來不行，沒有什么可比較性。

評(píng)論0 贊同0

加載中...

array_huang

回答于2022-06-22 19:44

這兩種技術(shù)沒有可比性：Bootstrap是web UI框架，Vue是Js封裝的庫，這兩個(gè)都做的非常好，是目前開發(fā)web前端最流行的工具。根據(jù)題主所問的問題，建議先學(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)行算法部署開發(fā)發(fā)現(xiàn)bootstrap居然可以與python web框架兼容。這樣能省不少事。一天就寫了一個(gè)登錄界面與主頁。從來沒系統(tǒng)學(xué)習(xí)過css + html感覺不錯(cuò) 后期重寫優(yōu)化下。

評(píng)論0 贊同0