javascript - jquery舊專案怎麼用新技術重構?
扔个三星炸死你
扔个三星炸死你 2017-07-05 11:01:14
0
4
1218

想用vue重建舊項目,jq寫的,該如何著手?

扔个三星炸死你
扔个三星炸死你

全部回覆(4)
代言

jquery只是一個庫,而vue是一個框架,決定了用vue重構,就意味著你必須使用它的寫法來書寫項目。

雖然vuejquery本身並不排斥,我也在vue中使用過jquery,但是也僅限於一些比較特殊的場景。整個專案仍然是以vue為核心的。

所以,你想要用vue重構舊項目,html部分變化可能不大,但是業務代碼邏輯基本上就需要完全推倒重新設計了。

女神的闺蜜爱上我

vue 只支援 IE9 以上的瀏覽器,jQuery 可以支援 IE6,注意是否有瀏覽器版本的需求

学霸

如果實作過類似的簡單框架,你會發現,Vue 和 jQuery 本質的差別在於對 UI 邏輯的不同組織方式。

jQuery 純粹是原始 DOM API 的語法糖大合集,而 Vue 則是一個強調透過 MVVM(而不是 MVC!)的組織形式來分離【HTML 模板】和【UI 交互】邏輯的框架。 MVVM 的資料綁定語法使得在舊專案中引入Vue 時,其(實際上先進了非常多的)程式碼組織形式會非常強勢地排斥jQuery(換句話說,用到Vue 的專案基本上沒有使用jQuery 的必要,二者並存不是好的選擇)。

這時,一個既有利於提高效率又不會過於激進的方案是,引入【能夠優化jQuery 麵條程式碼組織結構的簡單MVC 框架】,這種框架沒有VM 這種框架自帶的語法,相應邏輯仍然需要使用jQuery 實作。同時,這類框架也比 Vue 還要輕得多,如 Backbone 只有 10k 的量級。建議作為舊項目中的優化方案漸進引入。

我想大声告诉你

局部重構,局部模組或局部插件重構,確保專案的正常運作下,局部將jQuery替換vue

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板