記錄 hover和 forceUpdate的使用

2021-10-10 23:47:07 字數 744 閱讀 2663

(一):hover滑鼠同時觸發多個變化

//html**

="btn-settin"

>

="icon-settin"

>

<

/i>字段設定<

/div>

//less**(css預編譯器)

.btn-settin

}.btn-settin:hover

color: #66b1ff;

}

效果:滑鼠移動到div上,使得圖示和文字同時變成藍色

(二)$forceupdate的使用

1、主要用來解決強制重新整理檢視和資料。

2、結合vue生命週期,呼叫$forceupdate後會觸發beforeupdate和updated這兩個鉤子函式,不會觸發其他鉤子函式。

使用場景:

1.資料層次太多, 資料修改了,但頁面沒有重新渲染;

2.如果在vue的data中沒有進行宣告,給沒宣告的屬性賦值(即非響應式的),不會引起vue例項的重新渲染

(三)vue 中bind的methods使用debounce

/*template*/

'searchinput'

/>

/*script*/

methods:

,500)}

)(),

}

searchinput是自執行方法,這樣返回的方法具有防抖功能。

時間過渡和滑鼠hover

今天為大家帶來新的知識,補充新鮮的血液,對身體好。首先,和大家說一說hover.hover是滑鼠劃過時觸發的樣式,可以運用在多個標籤。首先使用最多的是a標籤即錨點,語法 a hover,以下舉個例子為大家講解一下,如下 charset utf 8 title type text css a a ho...

記錄exit,continue和return的用法

exit用來跳出當前迴圈 loop if v kbp is null then exit end if end loop return跳出儲存過程 loop if v kbp is null then return end if end loop 跳出loop 一次迴圈 oracle 11g已提供c...

記錄 註解和效能

註解和效能沒有關係,servlet的生命週期是這樣的,在呼叫這個servlet時候才建立這個servlet的類並執行init 方法,然後另外有人執行這個servlet的時候並沒有重啟建立servlet和執行裡邊的init 方法,所以servlet容器時單利的,spring就是servlet的封裝的框...