vue是目前最流行的前端的技術(shù)框架之一，目前很多公司都在使用。jquery是前端技術(shù)框架之一，基于javascript語言的，可以快速搭建前端工程，對(duì)頁面控件進(jìn)行控制和絢爛。兩者開發(fā)速度都差不多，具體要看項(xiàng)目的特征，不是誰比誰快的問題。

現(xiàn)在如果要做一個(gè)PC端傳統(tǒng)網(wǎng)站。比較流行前后端分離的形式。那么為什么要用前后端分離的形式呢？

因?yàn)樵谇昂蠖藳]有分離的時(shí)代。我們大多使用mvc進(jìn)行開發(fā)。但是這有一個(gè)局限。就在于我的前端和我的后端處于高度耦合。前端的數(shù)據(jù)以及頁面渲染，包括重定向，都是需要從后端進(jìn)行指定。簡單的來說，后端和前端是1對(duì)1的模式。這不利于前端形式的拓展。

而目前又隨著手機(jī)的普遍使用，手機(jī)應(yīng)用包括移動(dòng)端網(wǎng)站越來越被大眾所接受。那么此時(shí)我們就想用同一組數(shù)據(jù)去渲染不同的前端界面。很顯然，mvc是不能滿足這種情況的。于是我們開始用前后端分離的模式進(jìn)行開發(fā)。

那么前端如果是一個(gè)PC網(wǎng)站如果要考慮兼容性，那么用的相對(duì)比較多的其實(shí)還是jquery。但是在目前大多數(shù)瀏覽器都能支持比較新的技術(shù)的背景下，其實(shí)不需要考慮太多兼容性的問題，那么現(xiàn)在我們大多使用vue進(jìn)行前端開發(fā)。Vue的優(yōu)勢(shì)在于通過數(shù)據(jù)驅(qū)動(dòng)，可以組建化開發(fā)，通過mvvm模式進(jìn)行數(shù)據(jù)渲染和綁定。當(dāng)然vue同樣支持多頁面開發(fā)。

在后端我們一般使用WebAPI向前端提供數(shù)據(jù)。其優(yōu)勢(shì)在于很輕量化，而且和前端配合特別友好，效率很高。另一個(gè)優(yōu)勢(shì)在于數(shù)據(jù)高并發(fā)的需求越來越多。通過前后端分離的模式，我們可以很方便的進(jìn)行分布式集成化部署，達(dá)到后端服務(wù)器的負(fù)載均衡。

綜上所述，2020年我們可以選擇前后端分離的模式，使用vue+WebAPI的模式進(jìn)行PC端頁面的開發(fā)。

Bootstrap

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

特點(diǎn)

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

提高開發(fā)效率規(guī)范名稱定義，便于維護(hù)規(guī)范項(xiàng)目開發(fā)流程css代碼更清晰、簡單。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ā)的簡潔、直觀、強(qiáng)悍的前端開發(fā)框架；而Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，輕量級(jí)框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快，VUE目前最流行的前端框架。