-
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。
-
call是函数对象的原生方法，用于临时指定并立即执行函数时的this值，第一个参数为thisArg，后续参数依次传入目标函数，不修改原函数。
-
用flex+flex-grow:1实现均分，但需父容器display:flex且子项无固定宽；标签数≤4时保底min-width:80px，>4时用CSS变量配合calc()和max()动态计算宽度，变量须JS设置并绑定到容器。
-
Flex垂直居中需父容器有明确高度且img设vertical-align:middle或display:block；IE11存在align-items兼容问题，需额外测试或改用column+margin:auto方案。
-
JavaScript创建自定义事件需用CustomEvent构造函数定义类型与detail数据，并调用dispatchEvent在目标元素触发；监听时用addEventListener，通过event.detail获取数据。
-
直接对font-size使用transition无效，应改用transform:scale()实现平滑缩放；或在新浏览器中用CSS自定义属性配合clamp()和transition。
