-
设div背景色最稳妥用background-color，但需注意层叠顺序、透明度干扰及background简写会重置颜色；背景图需组合background-image、size、position三属性，多背景用逗号分隔并严格对齐参数。
-
React强调灵活架构与JSX的显式控制，适合定制化开发；Vue提供渐进式框架与模板语法，内置路由和状态管理，更易上手。
-
在angular.json的styles数组中引入的CSS文件全局生效，注入<head>，优先级高于组件样式，但不影响innerHTML渲染内容和ShadowDOM组件。
-
HTML表格内容居中可通过五种方法实现：一、传统align/valign属性；二、CSStext-align/vertical-align；三、CSS类统一控制；四、Flexbox布局（display:flex;justify-content/align-items）；五、Grid布局（display:grid;place-items:center）。
-
可选链操作符（?.）解决了访问深层嵌套属性时因null或undefined导致的运行时错误，避免了冗长的空值检查。它仅在左侧为null或undefined时短路返回undefined，不影响0、""、false等假值的正常访问，相比&&更精确。支持属性、方法调用（?.()）和数组访问（?.[]），可与空值合并操作符（??）结合提供默认值，提升代码健壮性和可读性。但不可用于赋值左侧，且不应滥用以掩盖数据缺失的真正问题。
-
Flexbox的gap属性直到2021年才被主流浏览器稳定支持，IE完全不支持，旧版Safari存在部分识别但不渲染的问题；gap定义相邻元素间隙，justify-content定义整体对齐关系，二者混用会导致布局失控。
-
<kbd>标签用于语义化标记用户应输入的键盘操作，如<kbd>Ctrl</kbd>+<kbd>S</kbd>，需配合恰当CSS（如inline-block、圆角边框、背景色）增强视觉识别，避免滥用作装饰；多平台场景优先用Unicode符号（如⌘、⌥），组合键须分标签并用 连接，确保可访问性与语义准确。
-
父元素设relative，子元素设absolute可实现精确定位。relative保持文档流并作定位参考，absolute使子元素脱离文档流，相对于最近已定位祖先定位，常用于覆盖、弹窗等场景。设置时父级无需偏移，子级用top、left等定位，注意层级和父级padding影响。
-
hasOwnProperty用于判断属性是否为对象自身可枚举属性而非继承自原型链；for...in会遍历原型链上可枚举属性，需用Object.prototype.hasOwnProperty.call过滤；Object.keys()更安全简洁，仅返回自身可枚举字符串键。
-
HTML抽屉组件不强制要求position:fixed，但可靠实现普遍采用它以确保脱离文档流、覆盖内容且滚动稳定；应避免absolute导致错位，优先用transform/opacity动画并动态管理will-change。
-
HTML本身没有“设置文档推荐应用”的能力，所谓“推荐应用”是操作系统或浏览器根据文件扩展名、MIME类型、Content-Disposition响应头等综合判断的，HTML页面无法强制指定哪个App打开下载文件。为什么链接点击后没用指定App打开？用户常误以为加个target或rel就能控制本地App启动，其实不行。浏览器对这类链接的处理逻辑是：先检查该文件扩展名（如.pdf、.xlsx）是否被系统注册了默认应用再看响应头里有没有Content-Typ
-
Flex子项margin-top/bottom“穿透”父容器是因Flex容器未形成BFC导致外边距塌陷；解决方法是给容器加overflow:hidden/auto创建BFC，或用padding替代margin，优先使用gap控制子项间距。
-
fetch“成功”指网络通信完成而非业务正常，404/500等状态码仍会resolve；需用res.ok判断业务失败，网络错误才reject。
-
button:active无反应主因是未触发重绘或被父容器裁切，需设position:relative、禁用overflow:hidden并添加transition；移动端需用原生button或role="button"+tabindex，配合viewport设置或touch事件模拟。
-
后端收不到字段八成是误用disabled而非readonly；disabled使字段值不提交，readonly则正常提交且支持聚焦复制；select等不支持readonly的元素需用替代方案。
