探討一下Vue和以前的jquery開(kāi)發(fā)的區(qū)別

wean 發(fā)布于2019-08-02 12:14 / 2866人閱讀

摘要：我是一名光榮的前端工程師，一直從事前端的開(kāi)發(fā)工作。但是開(kāi)發(fā)是前后端分離開(kāi)發(fā)，通過(guò)進(jìn)行交互，客戶端請(qǐng)求服務(wù)器返回?cái)?shù)據(jù)，由客戶端進(jìn)行渲染。因?yàn)榍岸舜a和后臺(tái)代碼都是分開(kāi)的，所以項(xiàng)目更容易維護(hù)，開(kāi)發(fā)效率更高。

我是一名光榮的前端工程師，一直從事web前端的開(kāi)發(fā)工作。當(dāng)時(shí)可以說(shuō)是零基礎(chǔ)入門(mén)，之前因?yàn)榍岸说膆tml、css、js比較好學(xué)，所以也愚蠢的認(rèn)為web前端很簡(jiǎn)單，很沒(méi)有技術(shù)含量。當(dāng)然不僅我自己這么認(rèn)為，公司的一些后臺(tái)的同事也自認(rèn)為在你面前也高你一等，讓我很不舒服。但是；自從我接觸了Vue，我才真正走進(jìn)了前端的大門(mén)。

在這里為什么要這么吹Vue呢，因?yàn)樗鼛Ыo前端無(wú)限的可能和改變，下面說(shuō)說(shuō)我的理解，歡迎來(lái)噴。

改變一：有了前端工程師，而不是隨便一個(gè)會(huì)點(diǎn)html的美工就能跟你搶飯碗！
為什么這么說(shuō)呢？之前開(kāi)發(fā)都是前端做靜態(tài)頁(yè)面，把頁(yè)面給到后臺(tái)程序員改成jsp、php、asp等等...一頓亂改，一頓塞變量，做完以后頁(yè)面樣式亂七八糟，最后你再調(diào)整css。說(shuō)白了你會(huì)html，css就行了，基本沒(méi)什么門(mén)檻，可以這么說(shuō)。

改變二：服務(wù)端渲染->客戶端渲染
傳統(tǒng)的jsp、php或是模板渲染也好，都是服務(wù)端渲染，就是客戶端一個(gè)請(qǐng)求，服務(wù)器直接把整個(gè)頁(yè)面返回給你，簡(jiǎn)單粗暴。但是vue開(kāi)發(fā)是前后端分離開(kāi)發(fā)，通過(guò)api進(jìn)行交互，客戶端請(qǐng)求服務(wù)器返回json數(shù)據(jù)，由客戶端進(jìn)行渲染。不僅減輕了服務(wù)器的壓力速度更快而且渲染更加優(yōu)雅，代碼更容易維護(hù)。

改變?nèi)轰秩緝?yōu)雅，代碼易維護(hù)
jquery是通過(guò)DOM來(lái)控制數(shù)據(jù)，不僅笨重而且渲染數(shù)據(jù)特別麻煩，除了text() html() append(),就沒(méi)了，而 Vue是通過(guò)數(shù)據(jù)來(lái)控制狀態(tài)，通過(guò)控制數(shù)據(jù)來(lái)控制渲染，變量可以直接寫(xiě)在html中，渲染更加優(yōu)雅。因?yàn)榍岸舜a和后臺(tái)代碼都是分開(kāi)的，所以項(xiàng)目更容易維護(hù)，開(kāi)發(fā)效率更高。
改變四：項(xiàng)目工程化，結(jié)合npm直接安裝第三方庫(kù)
Vue讓前端項(xiàng)目更加工程化，同時(shí)也規(guī)范了前端工程師的代碼，而node和npm的加入才是vue能蓬勃發(fā)展的重要原因，node為vue提供了本地server和模塊化開(kāi)發(fā)的思路，npm更能安裝vue項(xiàng)目需要的模塊，配合vue使用，比如Moment.js Element ui vuex等等，這些第三方庫(kù)讓Vue有了無(wú)限的可能。

待補(bǔ)充