原創 5分鐘學會Flex自定義事件

2021-08-30 11:48:00 字數 976 閱讀 5719

網上介紹flex自定義事件的日誌有幾篇,重複的就不算了哈。

先說下login,userinfo那個,它的思路就是

1.先自定義乙個事件,就是繼承event類就可以了,宣告個靜態字元常量,再了解一下建構函式的引數。如果想用事件傳遞資料就定義乙個變數,什麼型別的變數都行,事件也是個類,它可以有自己的隨意的屬性。在建構函式裡賦值可以,不在建構函式裡也沒問題,這個是很靈活的。

2.給元件加個元資料,其實就是給元件乙個事件通道,目的是什麼呢?用button的時候空格一下會出個click,加個元

資料就是能出來個自己定義的名字的東東,而且用法給click一樣[event name='自己定義的名字',type=『自定義事件的類名』],一般用個this.dispatchevent(那個事件)給發出去

3.在它的父容器裡,像用click那樣用吧,指定個響應函式就ok了。然後把事件裡傳遞的資料「卸貨」。

如果有些flex基礎的話,上面這些5分鐘應該能搞定乙個demo自己測測了。但這個的應用有侷限性,下一位閃亮登場。

有些時候發出事件和監聽事件不是父子關係,可能中間隔了好多代,甚至屬於旁系親屬,上面說的方法有點力不從心。

做些小改動:

1.多宣告乙個eventdispatcher,靜態常量。(用的時候自己的靜態屬性傳送自己和監聽自己,在任意地點)

2.根本不用什麼元資料就可以實現了。傳送事件用自己的靜態常量dispatcher.dispatchevent

3.接收的時候在任意地點自定義事件的常量dispatcher.addeventlistener

自己用的話我推薦第二種,任意地方都能使用,很靈活。如果給別人做個元件用的話,第一種方法顯然對於用的人來說

要友好了。結合這兩個例項再回頭看看事件流會有進一步的理解的。

10分鐘學會flex布局

彈性盒子由容器和子元素組成。容器 flex container 通過設定 display 屬性的值為 flex 或 inline flex將其定義為彈性容器。子元素 flex item 容器中的每個單元稱為子元素 容器中存在兩條多軸 主軸 預設水平方向 和側軸 預設垂直方向 row 預設值 橫向布局...

5分鐘學會 CSS Grid 布局

這是一篇快速介紹 未來布局的文章。css grid 布局 grid 布局是 設計的基礎,css grid 是建立網格布局最強大和最簡單的工具。css grid 今年也獲得了主流瀏覽器 safari,chrome,firefox,edge 的原生支援,所以我相信所有的前端開發人員都必須在不久的將來學習...

5分鐘學會mybatis 批量更新

點滴記載,點滴進步,願自己更上一層樓。上節 了批量新增資料,這節 批量更新資料兩種寫法的效率問題。實現方式有兩種,一種用for迴圈通過迴圈傳過來的引數集合,迴圈出n條sql,另一種 用mysql的case when 條件判斷變相的進行批量更新 下面進行實現。注意第一種方法要想成功,需要在db鏈結ur...