-
Proxy是用于拦截并自定义对象基本操作的构造器，通过handler（含get、set、has、ownKeys等trap）与target构建代理层，实现响应式、校验、日志等高级功能。
-
本文详解ReactRouterv6中PrivateRoute和PublicRoute自定义守卫的常见错误——误用component属性而非children，并提供可直接复用的修复方案、使用示例及关键注意事项。
-
fetch需await或.then处理Promise，HTTP错误需手动检查response.ok，JSON数据须调用response.json()并await，POST请求必须设置Content-Type并字符串化body。
-
涟漪效果的核心原理是用JS获取点击坐标并动态设置CSS变量，使::after伪元素圆心精准落在点击处，再通过transform:scale()动画实现扩散。纯CSS无法读取坐标，故必须结合JS计算偏移量、监听click事件、设置--x/--y变量，并配合relative定位、border-radius:50%及cubic-bezier过渡。
-
JavaScript需异步编程，根本原因是单线程运行环境必须保持主线程响应，避免I/O阻塞导致页面冻结；引擎将耗时操作交由宿主环境后台执行，通过事件循环与微任务调度回调，await仅暂停async函数但不阻塞主线程。
-
filter支持CSS过渡动画，但必须显式声明transition:filter0.3sease；若仅写transition:all或未定义初始filter值，动画将失效，且多滤镜叠加顺序影响渲染结果。
-
HTML仅是容器，真正实现消息推送需JavaScript的NotificationAPI（仅前端通知显示）和WebPush（需ServiceWorker+PushManager+后端支持）。
-
let和const因TDZ与块级作用域禁止重复声明，var则函数提升且无块作用域导致变量泄漏；TDZ使未初始化前访问报ReferenceError，函数参数默认值中引用自身也受此限。
-
WeakRef单独无法支撑图像资源池，因其仅提供“可能还活着”的引用通道，不通知回收时机；必须搭配FinalizationRegistry才能触发自动清理，否则缓存条目堆积、deref()频繁返回undefined导致重复加载与内存泄漏。
-
浮动页脚塌陷需清除浮动或触发BFC：用overflow:hidden、clear:both空div或伪元素::after；左右栏不设固定宽，分别float:left/right并预留margin；IE6/7加display:inline修复双倍margin；移动端需检查viewport、min-width和white-space。
-
<em>表示强调语气，用于传达重读、反讽或情绪张力；<i>表示非常规语义的特殊状态，如外文词、科技术语、船名等，不暗示强调。
-
现代项目不推荐用float实现三栏布局，因其本质是文字环绕而非页面布局，易导致塌陷、错位等问题；仅适用于兼容IE8或紧急修复遗留系统bug。
-
要让<inputtype="search">真正可用，必须包裹在<form>中、设name属性、统一CSS重置样式、绑定submit事件并调用preventDefault()，防抖仅用于实时建议而非最终搜索。
-
HTML中无透明颜色代码，transparent是唯一合法透明关键字；实现表格单元格真正透明需确保父级无背景色、清除table默认边距与边框，并注意rgba()兼容性及层叠覆盖问题。
-
父元素高度塌陷是因为浮动元素脱离标准文档流，导致父容器无法计算其高度；常见于仅含浮动子元素的父容器，清除浮动应通过创建BFC（如display:flow-root）或伪元素clearfix实现。
