-
图片容器必须设为relative才能定位::after遮罩，因img是替换元素不支持伪元素；需用div等包裹并设position:relative；opacity切换须配合pointer-events控制点击穿透；文字居中推荐transform方案；transition须写在初始态而非hover态。
-
尾调用优化（TCO）是复用栈帧避免栈溢出的机制，但主流浏览器默认未启用；尾调用指函数末尾直接返回另一函数调用结果，无后续操作。
-
JSON-Schema校验是保障localStorage数据类型安全的最可靠方式：先定义严格可复用schema，再封装带AJV校验的读取函数，支持版本升级迁移，并通过开发/构建/运行时三重保障实现可观测性。
-
BroadcastChannel可用但需同源、频道名完全一致、页面加载完成；常见问题包括频道名大小写/空格不一致、DOM未就绪时发送、非HTTPS环境禁用、未监听onmessageerror及热更新重复创建实例。
-
实时数据更新应依场景选通信机制：WebSocket适用于低延迟双向交互，需完善生命周期管理；SSE适合服务端单向推送，兼容性好且自动重连；fetch轮询则用于实时性要求低或受限环境，须加节流与退避；MutationObserver不属实时数据更新方案。
-
唯一可靠方案是使用@page+counter(page)，因其由浏览器原生计数器驱动，不依赖JS、不触发重排，且被Chrome/Edge/Firefox/Puppeteer/wkhtmltopdf等主流引擎支持。
-
counter-reset写在::before中无效，必须放在真实元素上；counter()仅在content中生效；display:none仍触发counter-increment；Safari对grid容器的counter-reset要求严格。
-
能，但需配合push才能构成完整栈行为；pop仅出栈，撤销重做需双栈协同，主栈存可撤销状态，重做栈存被撤销动作，且新动作前必须清空重做栈。
-
完全可行，但需HTML定结构、CSS管样式、JS实现翻页动效、图表渲染和微信分享等交互功能，缺一不可；原生开发适合JSON数据源且注重隐私与离线可用，否则用MAKA等平台更高效。
-
border-radius对浮动图片完全生效，但需注意父容器overflow设置、图片显式宽高及object-fit行为，否则易因裁剪或渲染时机导致圆角“失效”。
-
JavaScript迭代器是明确协议而非语法糖；对象需实现[Symbol.iterator]方法返回符合{value,done}结构的迭代器对象，Array、String等原生类型已实现该协议。
-
JavaScript是一种运行在网页浏览器中的脚本语言，能让网页“动起来”——比如点击按钮弹出提示、实时验证表单、切换图片轮播、加载新内容而不刷新页面。它和HTML（页面结构）、CSS（页面样式）并列为前端开发的三大基础技术。JavaScript能做什么它不只是做动画或弹窗。现代JavaScript可以：操作网页内容：动态修改文字、图片、按钮，甚至整个区块响应用户行为：监听点击、输入、滚动、键盘按键等事件与服务器通信：通过fetch或axios获取数据（如天气、
-
text-align用于控制块级元素内行内内容的水平对齐方式，不控制元素自身位置；取值包括left（默认）、right、center、justify；具有继承性，但对块级子元素无效；需注意direction和writing-mode对其含义的影响。
-
JavaScript中querySelector支持CSS类选择器：单类用“.class”；多类交集连写如“.a.b”；可与标签、属性、伪类组合；注意“.a.b”是同元素多类，“.a.b”是后代关系。
-
onCleanup必须在watchEffect副作用函数内部同步调用，接收一个清理函数，Vue会在副作用重新执行或组件卸载前自动触发它，从而解决接口竞态问题。
