!important > 内联 style > #id > .class/伪类 > 元素选择器。能不用 !important 就别用。

== 会自动转换类型（比如 "1" == 1 为 true），规则反直觉，坑多。=== 严格比较类型和值，类型不同直接 false，行为可预测，生产代码一律用 ===。

React 靠 Object.is 比较 state 引用判断是否更新。push 改的是原数组，引用没变，React 认为 state 没变，不会重渲染。正确做法是返回新数组：setArr([...arr, x])。

[] 只在组件挂载时跑一次；[id] 在 id 变化时重跑；不传每次渲染都跑（几乎不用）。清理函数 return () => {} 在卸载或下次 effect 前执行。

any 完全放弃类型检查，可以随便调方法，运行时才炸。unknown 必须先通过 typeof/instanceof/类型守卫收窄到具体类型才能用，是"安全的 any"。新项目用 unknown，别滥用 any。

用 Grid + repeat(auto-fill, minmax(240px, 1fr)) 一条语句搞定响应式，根本不用媒体查询。卡片 display:flex; flex-direction:column; 等高；transition: transform .2s, box-shadow .2s；hover 时 translateY(-4px)。全局 box-sizing:border-box。

输出 3 3 3。var 无块级作用域，三个 setTimeout 回调共享同一个 i，等它们执行时循环早已结束 i=3。改法：① 把 var 改成 let（每轮新绑定）；② 或用 IIFE (function(k){setTimeout(...)})(i) 立刻快照。

React 18+ 自动批处理：两次 setState 用的都是渲染时的旧 count，最后一次覆盖前一次。要用函数式更新：setCount(prev=>prev+1); setCount(prev=>prev+1)，React 会把两个更新排成队列依次基于前一个算。

async function get<T>(url:string): Promise<T> { const r=await fetch(url); return r.json() as T; }，调用 get<User>("/api/1")。用 any 就失去了类型检查，写错字段名运行时才炸；泛型让调用方指定类型，编译器全程跟踪，改字段时红线提醒。

两件事：① 防抖 debounce：输入停 300ms 才发请求，减少请求数；② 竞态处理：每次发请求记录一个序号/AbortController，回来后检查是不是最新一次的请求，不是就丢弃；或用 AbortController 取消上一个未完成的请求。React 里配合 useEffect 的 cancelled 标志位。