-
因为Bootstrap5+的.btn-close默认SVGbackground-image带filter:invert(1)opacity(.5)，覆盖时若不重置filter:none，新图标会变色发灰或空白；还需同步设置background-size、position及容器尺寸。
-
Less不支持对象式变量，因变量系统仅接受单一值且为文本替换；需用命名空间模拟键值对，并配合条件混入与方括号语法访问。
-
<p>HTML注释必须以“-->”结尾且中间禁用“--”，否则导致解析截断；禁止嵌套；推荐模块化标记如“<!--headerstart-->”；上线前须清理TODO、DEBUG及冗余HTML注释。</p>
-
required属性本身不支持自定义错误提示文案，其提示由浏览器根据系统语言自动生成，无法通过HTML或CSS修改；如需自定义，须用JavaScript调用setCustomValidity()并配合input事件实时清空状态。
-
Less无if语句，用守卫混合模拟编译期条件匹配；无for循环，靠递归混合实现；不支持JS函数，内置函数有限且行为与JS不同；所有逻辑均在编译期展开为静态CSS。
-
客服悬浮窗需调用第三方SDK而非模拟，常见不显示原因是浏览器阻止第三方Cookie导致iframe加载失败，须启用免Cookie模式并确保script置于</body>前且加async。
-
Emit仅负责子组件向父组件传递滑动意图，不处理手势逻辑；真正实现依赖touch事件监听、位移计算、阈值判断及动画反馈，emit是解耦通信的关键环节。
-
应使用语义化<footer>标签而非<divclass="footer">，因其明确标识页脚区域，提升无障碍访问、SEO和自动化工具识别；可置于<body>或<article>/<section>内，内容须为版权、作者、联系方式等关联信息，避免导航、广告等主交互内容。
-
fixed定位失效的根本原因是父容器使用transform、perspective或filter创建新层叠上下文，使fixed脱离视口参考系；z-index失效源于层叠上下文断层；iOS安全区需用env(safe-area-inset-bottom)适配；性能问题需优化will-change和pointer-events。
-
UI设计师需了解主流CSS工具与框架以提升协作效率与设计落地质量，重点包括TailwindCSS、Bootstrap/ElementPlus/AntDesign、Bulma/Skeleton及CSS重置规范，核心在于理解其对设计表达、组件复用和实现边界的影响。
-
振动权限需用户手势触发且页面为HTTPS，iOS限500ms单值、Android支持数组模式，调用前须检测API可用性并降级处理视觉反馈。
-
HTMLmeta的content是元数据值，须与name或http-equiv配对；CSS伪元素的content是生成内容指令，仅用于::before/after；contenteditable是布尔属性，控制编辑状态，三者语义与用法互不相关。
-
强缓存是浏览器根据响应头（如Cache-Control、Expires）跳过请求、直接复用本地文件的机制，仅依赖URL一致性和缓存时效性，不校验服务器资源是否更新；其核心缺陷是URL不变则无法感知内容变更，故需通过文件名哈希使内容变化映射为URL变化，从而强制刷新缓存。
-
304状态码是协商缓存生效的信号，表示资源未修改，浏览器复用本地缓存。它依赖客户端携带If-Modified-Since或If-None-Match头，服务端比对后返回空响应体，节省带宽并提升性能。
-
canvas.toDataURL()导出失败主因是跨域污染，即drawImage跨域图片后canvas被标记为污染状态，导致返回空白或黑图；需用HTTP服务、设置crossOrigin且服务器支持CORS，同时注意DPR适配、格式兼容及Blob内存管理。
