category
ブラウザ
8 件の記事
FIG-066 ブラウザの描画パイプライン — どこからやり直すか DOM→CSSOM→Layout→Paint→Compositeをステップ実行し、width/color/transformで再描画範囲がどう変わるかを体感する。 FIG-056 Virtual DOM — 違う部分だけを実DOMに当てる リストを編集して新旧を比較し、維持・更新・新規・削除の色分けとDOM操作回数の差を体感する。 FIG-055 状態管理 — データは一方通行でしか流れない ボタンを押すと Action→Reducer→Store→View のサイクルが時計回りに一周する様子を動かして学ぶ。 FIG-047 プロトタイプチェーン — 自分に無ければ、上に聞く dog.toString() などを選ぶと、見つかるまで __proto__ を1段ずつ上に辿る探索アニメーションを動かせる。 FIG-032 クロージャ — 関数が変数を抱えたまま外へ出る カウンター工場を動かして、各関数が自分専用のcountを覚え続ける様子を体験する。 FIG-026 Flexbox — 主軸と交差軸さえ掴めばいい justify-content・align-items を切り替えると、カードが動いて並び直す。実物のCSSも一緒に見える。 FIG-024 CSSの詳細度 — なぜか色が変わらない、の正体 競合するルールをON/OFFして、点数(a,b,c)と勝者・ボタンの色がどう決まるかを試す。 FIG-004 JavaScriptはなぜ「待てる」のか — イベントループ タスクキューにタスクを積んで、ループが回る様子を観察する。