-
flex-flow是flex-direction和flex-wrap的原子性简写，设了它两个属性都会被全量重置而非可选覆盖；必须写全如columnwrap，不可省略任一值，否则未显式指定的会回退到默认值（row/nowrap）。
-
is()伪类怎么写才不会被忽略浏览器对:is()的支持从Chrome88、Firefox90、Safari15.4开始稳定，但旧版本会直接丢弃整条规则（不是忽略伪类，而是整个选择器失效）。如果你的项目还要兼容Safari15.3或更早，:is()不能单独用——它会让整条CSS规则被跳过。常见错误现象：button:is(:hover,:focus-visible){outline:2pxsolidblue;}在Safari15.3下完全不生效，且控制台
-
应使用data-category存储分类标识，用querySelectorAll("[data-category='laptop']")精准筛选；显隐控制采用.hidden类配合toggle；多选时用activeCategories.includes(element.dataset.category)判断；重置筛选只需移除.hidden类，避免重绘DOM。
-
HTML的translate属性非必需，默认即translate="yes"；仅当需阻止翻译专有名词、代码、版本号等固定内容时才用translate="no"；translate="yes"显式声明冗余，lang与translate职责不同，不可互换。
-
clear属性清除的是当前元素外边距行为，强制其上边界避开前面浮动元素的下边界；它不消除浮动本身，也不修复父容器塌陷，需配合BFC触发（如display:flow-root）才能治本。
-
input::placeholder不生效主因是浏览器兼容性（Safari15.4+才稳定支持::placeholder，旧版需加前缀）和CSS优先级冲突；深色主题下宜用color:#999+opacity:0.7；Tailwind需用dark:placeholder:text-gray-500，styled-components应避免模板字符串内写::placeholder。
-
复制失败常因CSS禁用选中（user-select:none），需移除或JS临时设为text；推荐navigator.clipboard.writeText()，但需HTTPS、用户手势触发；旧浏览器可降级execCommand。
-
真正可行的方案是用offset-path+offset-distance，CSS原生支持沿贝塞尔曲线、圆弧等任意路径移动，配合offset-rotate:auto可自动朝向路径切线，兼容Chrome79+、Edge79+、Safari15.4+。
-
<section>仅用于有标题的独立章节，不可替代<div>或<article>；<aside>表附属内容，<nav>专指导航链接；<main>每页唯一且不可嵌套；HTML5大纲算法已失效，标题层级取决于<h1>–<h6>显式顺序。
-
闭包是JavaScript中模拟私有字段的经典方案，通过作用域隔离实现数据与方法的外部不可访问性，适用于兼容性要求高的场景；#field则是ES2022引入的语言级私有语法，提供编译时保护和继承支持。
-
直接改:root颜色变量失效，是因为CSS变量存在作用域和层叠顺序：后声明覆盖前声明，组件级样式会局部覆盖全局变量；应统一在:root顶部声明且不重复定义，避免硬编码重写，并检查构建工具插入顺序。
-
HTML本身不受高海拔影响，但GeolocationAPI海拔数据误差大、altitudeAccuracy常为undefined；低温低气压可能导致浏览器进程异常终止；弱网环境易致fetch超时、CDN加载慢、WebSocket卡住。
-
required仅作基础空值拦截，不校验内容合法性、不防绕过、无自定义提示、不支持联动与异步校验，仅适用于防手滑的轻量辅助场景。
-
<samp>表示程序或系统的输出结果，<code>表示计算机可执行的代码片段；二者语义不同，影响屏幕阅读器理解、SEO及未来语义化解析。
-
在Vue3中使用ref结合TypeScript接口可提升类型安全与可读性，需通过泛型标注ref类型，优先用interface定义实体，初始化值须符合接口约束，解构时避免丢失响应性与类型，复杂状态推荐reactive配合接口，简单字段用ref。
