-
<p>scrollWidth-clientWidth不等于滚动条宽度，而是内容溢出量；稳定获取滚动条宽度应使用offsetWidth-clientWidth（配合隐藏滚动容器测量）或scrollbar-gutter:stable防布局抖动。</p>
-
HTML表单本身不支持热力图，所谓“表单热力图”是前端行为分析工具（如Hotjar、MicrosoftClarity、Matomo等）在页面加载后，通过JS注入实现的叠加层，不是HTML或CSS原生能力。为什么标签里加不了热力图热力图本质是记录用户鼠标移动、悬停、点击、聚焦等事件，并在DOM上绘制透明色块。HTML表单只是语义化容器，没有事件采集、数据上报、可视化渲染逻辑。不触发任何自动埋点，也不会把input、select的交互行为“广播”给分析服务浏览器
-
iPad上HTML5FileReader读取PDF失败主因是系统沙盒限制，非代码错误；应优先用readAsDataURL配合pdfjs解析，超30MB改用系统原生链路。
-
用<nav>包裹语义化<a>标签实现九宫格，CSSGrid配repeat(auto-fit,minmax(100px,1fr))和gap自适应行列，aspect-ratio:1/1加min-height:88px保障触控与可访问性。
-
中文排序必须用Intl.Collator('zh',{sensitivity:'base'})，因localeCompare依赖系统locale不可靠；'zh'是最稳妥locale值，sensitivity:'base'忽略声调适配商品名；需避免重复创建实例、确保ICU支持、清理不可见字符。
-
CSS框架对齐更可靠，因其封装了box-sizing、gap兼容性及单位换算，避免手写margin/padding在不同浏览器和布局嵌套中的不一致；需确保容器启用对应布局模式（如flex/grid），否则对齐类无效。
-
navigator.clipboard.writeText()仅支持text/plain格式，无法保留超链接、加粗等样式，因外部应用（如Word、Notes）只解析text/html或CF_HTML；需用write()配合含text/plain与合法text/html（含StartFragment等结构）的ClipboardItem实现富文本复制。
-
Generator函数通过yield暂停并保存状态，next()恢复执行，支持按需计算、协程和异步控制流；yield*委托可迭代对象；迭代器封装上下文，for...of等自动消费；return()提前终止，适合无限序列与树遍历。
-
页脚必须嵌套在语义化区块内（如<main>后同级），不可孤悬于<body>；版权年份需动态生成；邮箱/电话须用mailto:/tel:协议；应使用<address>包裹地址；法律链接需结构化；粘性页脚宜用flex布局而非fixed；必须添加role="contentinfo"。
-
width和height在flex容器中仍生效，但作为flex-basis的后备值；当flex-basis未设置或为auto时起作用，否则被忽略；min-width/min-height及box-sizing会影响最终尺寸计算。
-
不能，flat(Infinity)仅对无环、有限深度嵌套有效；遇循环引用会栈溢出崩溃，需用WeakSet检测的safeFlat等手动方案保障安全。
-
用rgba()控制遮罩背景透明度，别用opacity；后者会使子元素变透明、文字发虚、点击失效，而rgba()仅影响背景，子元素保持清晰可交互。
-
不推荐在main.js中直接import全局CSS文件——它会生效但破坏Svelte样式作用域设计，引发HMR失效、CSS提取异常及预处理器配置失效等问题；应改用__layout.svelte或+layout.svelte中的<styleglobal>引入。
-
URLSearchParams构造函数仅解析querystring（如?a=1&b=2），不支持完整URL；传入含协议域名的字符串会导致错误解析。
-
完全可行，这是实现“左右对齐+首行缩进”的标准组合；text-align:justify与text-indent可共存且兼容IE8+，但需确保作用于块级元素、避免flex/grid父容器干扰，并推荐用2em实现响应式中文缩进。
