1. 程式人生 > >react和我們傳統的jquery開發方式有什麼不同?

react和我們傳統的jquery開發方式有什麼不同?

react和我們傳統的jquery開發方式有什麼不同?

1.程式設計思想的不同

jquery開發:監聽事件=》判斷當前業務狀態=》直接操作dom元素

react開發:監聽事件=》判斷當前業務狀態=》修改state=》render修改dom元素(最小化修改)

 

如圖所示:

兩者之間最大的區別就是react有一層state作為中間過渡,不需要關係dom哪裡發生了變化,只需要變更state即可,剩下的react幫我們做。而jquery沒有這層過度,直接操作dom。

 

2.2優缺點比較

jquery缺點:在邏輯複雜的情況下,我們需要花很大的精力來理清各種業務邏輯之間的聯絡。並且直接操作dom,難以寫出優雅的程式碼。且程式碼耦合度高,難以維護。


jquery優點: 門檻低易上手,只是簡單頁面可以快速開發完成。
react缺點:學習成本高難以上手,類似我們公司的情況,前期沒有元件積累,開發緩慢。
react優點:  頁面由於是以元件的形式拆分,相對於jquery來說,耦合性比較低,較好維護。