- 2024/3/28
- https://knowledgework.connpass.com/event/311056/
- https://share.app.stg.knowledgework.cloud/shared/EB-icPg0OyqIVTvBB0N7tahsVccv7lAGiO3VPu-KC_jS
- ひたすらクイズ&解説をやっていく珍しいイベントでした
- 解説をしっかりやってくれてたので勉強にもなりました
DOM Quiz
- @yoshikoさん
クイズ
- eventを一回だけ発火させたい
- addEventListenerの第三引数に
{ once: true }
{ passive: true }
はpreventDefaultしない宣言- スクロールを監視してる時にパフォーマンスがよくなる
- addEventListenerの第三引数に
- event.targetにくるもの
- クリックが発生した要素
- event.currenTargetにlistenerで登録した要素がくる
- event.targetは大量の子にlistenerセットしたい時に親にlistener付与するとか
- input type="number"を数値でとりたい
- event.target.valueAsNumber
CSS Quiz
- @zi-dotさん
クイズ
- media queryのmin-width
- 指定した値以上の時に適用される
- 最近は
<=
とか使えてわかりやすい
flex: 1
flex-grow: 1; flex-shrink: 1; fkex-basis: 0;
TypeScript Quiz
クイズ
- 関数の戻り値の推論
- 文字列1つだとstring
- 文字列2種類以上だと
'hello( | 'world'
みたいな
- satisfies
- 型を満たしているかチェックしてくれる
- 推論を尊重してくれる