探討一下Vue和以前的jQuery兩大框架的的區別

我是一名前端工程師,剛開始入門時接觸js然後jQuery,jQuery像一把剪刀一樣;簡單而犀利,通常是配合一些框架完成一些靜態頁面開發的工作,但是個人感覺單純的jQuery不能拯救前端工程師,因爲jQuery的諸多侷限性導致前端工程師的發展受到了很多的限制,只能做一些表面性的工作,並不能實現前後端分離開發。因此本章要講的是前端三大框架之一的Vue給前端帶來的不同之處。

在這裏爲什麼要這麼吹Vue呢,因爲它帶給前端無限的可能和改變,下面說說我的理解,歡迎來噴。

改變一:有了前端工程師,而不是隨便一個會點html的美工就能跟你搶飯碗!
爲什麼這麼說呢?之前開發都是前端做靜態頁面,把頁面給到後臺程序員改成jsp、php、asp等等...一頓亂改,一頓塞變量,做完以後頁面樣式亂七八糟,最後你再調整css。說白了你會html,css就行了,基本沒什麼門檻,可以這麼說。有了Vue和Node的前端工程化以後,前端工程師能做的事情越來越多,後臺人員只需要拋過來一個Api,剩下的就可以都交給前端了

改變二:服務端渲染VS客戶端渲染
傳統的jsp、php或是模板渲染也好,都是服務端渲染,就是客戶端一個請求,服務器直接把整個頁面返回給你,簡單粗暴。但是vue開發是前後端分離開發,通過api進行交互,客戶端請求服務器返回json數據,由客戶端進行渲染。不僅減輕了服務器的壓力速度更快而且渲染更加優雅,代碼更容易維護。

當然客戶端渲染面臨一個首屏加載慢的問題,服務端渲染則剛好能解決這個問題,因此現在ssr並沒有沒落,一個項目更好的技術選擇纔是王道。

改變三:渲染優雅,代碼易維護
jQuery是通過DOM來控制數據,不僅笨重而且渲染數據特別麻煩,而 Vue是通過數據來控制狀態,通過控制數據來控制渲染,變量可以直接寫在標籤中,渲染更加優雅。因爲前端代碼和後臺代碼都是分開的,所以項目更容易維護,開發效率更高。
改變四:項目工程化,結合npm直接安裝第三方庫
Vue讓前端項目更加工程化,同時也規範了前端工程師的代碼,而node和npm的加入纔是vue能蓬勃發展的重要原因,node爲vue提供了本地server和模塊化開發的思路,npm更能安裝vue項目需要的模塊,配合vue使用,比如Moment.js Element ui vuex等等,這些第三方庫讓Vue有了無限的可能。

改變四:跨平臺

隨着前端技術水平的越來越高,跨平臺這件事兒已經變得越來越靠譜,從之前的react native 到現在的weex和uniapp,許多大廠越來越傾向基於Vue的更高級框架開發,uniapp是我們公司一直使用的框架之一,它基於Vue語法,不僅能編譯小程序、H5還能一套代碼編譯成原生App,未來跨平臺的趨勢是必然的,學好Vue等於做好了準備!

適應時代的發展,不斷學習新技術是前端功能實必備的技能,希望大家都能砥礪前行,越來越好!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章