「Encraft #12 Frontend Quiz Night」に参加してきました

勉強会メモ

DOM Quiz

  • @yoshikoさん

クイズ

  • eventを一回だけ発火させたい
    • addEventListenerの第三引数に { once: true }
    • { passive: true } はpreventDefaultしない宣言
      • スクロールを監視してる時にパフォーマンスがよくなる
  • 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
    • 型を満たしているかチェックしてくれる
    • 推論を尊重してくれる