元件生命週期

2021-06-26 23:40:30 字數 1066 閱讀 9436

三大階段:失效階段,提交階段,度量階段

失效階段:對元件屬性setter函式中,若有發生改變,則標記屬性失效,為了防止多次呼叫setter而導致頻繁更改屬性,所以呼叫屬性失效函式,當當前ui存放進

layoutmannger的失效佇列中,並新增layoutmannger的延遲偵聽,在下一幀才進行相應的屬性的失效的提交,確認屬性更改後由此以後帶動的連鎖反應。

對於有元件的容器來說,updatedisplaylist()方法控制那些子元件該如何確定位置。比如,hbox容器的

updatedisplaylist()方法在一行上按照從左到右的順序確定子元件的位置。vbox容器的updatedisplaylist

方法在一列上按照從上到下的順序確定子元件的位置。要在updatedisplaylist()方法中確定乙個元件的大小,

應當使用setactualsize()方法,而不是使用與元件大小相關的屬型,諸如width和height。要確定元件的為位置

,應當使用move()方法,而不是x和y屬性。

protected function updatedisplaylist(unscaledwidth:number,unscaledheight:number):void

屬性有以下值:

unscaledwidth

指定元件的寬度,畫素為單位,在元件的座標系中,不管元件的scalex屬性值是多少,這個值就是有父容器所確定的

元件寬度。

unscaleheight

指定元件的高度,以畫素為單位,在元件的座標系中。不管元件的scaley屬性值是多少,這個值就是由父容器所確定

的元件高度。

縮放發生在flash player或者air中,發生時機是在updatedisplaylist()執行之後,比如,乙個元件的unscaleheight

,而其scaley屬性石2.0,那麼它在flash player或air中出現的高度為200畫素。

move()和直接使用x,y定義座標的區別在於move()方法不僅改變元件的位置,而且在呼叫這個方法之後

立即分發了乙個move事件,設定x,y屬性也更改元件的位置,但卻在下乙個更新事件中分發move事件。

元件生命週期

元件生命週期指的是元件從建立到銷毀的過程,在這個過程中的一些不同的階段,vue會呼叫指定的一些元件方法 基本生命週期函式有下面幾個階段 每乙個階段都對應著 之前 和 之後 兩個函式 beforecreate 初始化階段,應用不多 created 在例項建立完成後被立即呼叫,該階段完成了對data中的...

元件生命週期

元件生命週期 react component通過其定義的幾個函式來控制項在生命週期的各個階段的動作。constructor props,context 建構函式,在建立元件的時候呼叫一次。void componentwillmount 在元件掛載之前呼叫一次。如果在這個函式裡面呼叫setstate,...

元件生命週期

當元件例項被建立並插入 dom 中時,其生命週期呼叫順序如下 我們看一下載入順序 元件更新的生命週期呼叫順序如下 render 再次呼叫 componentdidupdate 資料狀態更新之後會呼叫 componentwillunmount 元件在解除安裝之前會呼叫這個方法 錯誤處理 當渲染過程,生...