當前位置:編程學習大全網 - 源碼下載 - 用react的時候老板不讓用jquery。為什麽?

用react的時候老板不讓用jquery。為什麽?

看到這個問題,我拒絕了,因為這個東西沒有什麽可比性,兩個東西的定位只是不同而已;但是最近,壹個朋友用VUE寫了壹個有很多JQ代碼的項目。我幫他復習的時候,問他為什麽。他回答說,“我熟悉JQ。VUE不就是壹個風景嗎?”』?

開個會,隨便聊聊,雖然vue不是react,但是兩者原理基本相似,我同時在兩者都有壹些開發經驗;所以我的觀點是:

React本身是壹個前端框架,不像JQ是壹個類庫。

react的原理和驅動是通過和store流對比來渲染虛擬dom,我完全沒有必要操作dom樹。

react的官方文檔說的很清楚,react做了很多jq能做的事情。妳只需要知道什麽是雙向綁定,然後用數據驅動和綁定自定義事件。

在react中使用JQ時,您必須獲取dom節點,也就是說,dom樹不會被追加到頁面中,直到componentDidMount。雖然不嚴重,但在特殊情況下也會有壹些沖突,比如:同時使用react和JQ操作壹個節點的樣式時,可能會導致狀態同步的問題,這是最簡單的問題。請看下面第五條(動手)。此外,還有壹個性能問題。舉個最簡單的例子,不具有代表性。請想象壹下,當頁面上有很多節點時,react和JQ渲染的分頁設備會更高效。而且,如果分頁是用JQ實現的,分頁內容是用react實現的,那麽JQ每次點擊頁碼都要用react渲染分頁內容,然後再用JQ設置頁碼,壹點都不麻煩。)

進口?反應壹下,?{?組件?}?從哪裏?“做出反應”;

班級?我的組件?延伸?組件?{

建造師(道具)?{

超級(道具);

這個州?=?{isHover:?false };

this.onMouseEnter?=?this . onmouseenter . bind(this);

}

componentDidMount()?{

$("#aaa ")。開('懸停',?()= & gt?{

$(這個)。add class(' my hover ');

});?

}

onMouseEnter()?{

this.setState({isHover?:?true });

}

render()?{

const?{?伊索弗?}?=?這個州;

返回(

& ltdiv?id="aaa "?onMouseEnter = { this . onMouseEnter }?“懸停”嗎?:? '} & gt& lt/div & gt;

);

}

  • 上一篇:Vue開發源代碼
  • 下一篇:bootstrap-modal.js strict 模式下不允許壹個屬性有多個定義
  • copyright 2024編程學習大全網