-
SCSS中应基于基础单位$spacing-unit派生语义化spacingmap，并封装spacing()函数支持方向参数与fallback，配合命名空间utilityclass和ESLint约束，实现可维护、可扩展的间距管理。
-
数据大屏粒子背景需绑定容器尺寸、禁用滚动与鼠标交互、适配高分屏且透明不遮挡；canvas宽高须基于容器rect和devicePixelRatio动态设置，tsparticles须关闭autoSize和fullScreen并禁用hover/click。
-
blockquote必须闭合，否则浏览器自动修复会导致布局错乱、footer消失、cite失效及屏幕阅读器朗读异常；cite属性须为完整URL，专标来源而非作者；footer与cite是语义闭环必备，须正确嵌套并适配深色模式样式。
-
Reflect是ES6引入的内置对象，提供统一函数式接口集中管理JavaScript底层操作，与Proxy配合可实现元编程。它将原本分散的操作（如属性读写、函数调用）规范化为静态方法，如Reflect.get()、Reflect.set()、Reflect.has()等，均返回布尔值以提升操作可靠性，并支持receiver参数确保this正确绑定。相比传统命令式写法，Reflect更利于错误处理、逻辑扩展和代理透传，是实现响应式系统（如Vue3）的基础工具。
-
HTML5视频加密依赖EME+DRM或MSE+WebCrypto实现，非HTML5原生能力；主流方案用AES/CENC加密分片，浏览器CDM解密；轻量方案需自管密钥与解密逻辑；须配合HTTPS、签名URL等防护，禁用伪加密。
-
负边距不会让元素脱离正常文档流，它仅改变渲染位置而不影响占位框计算，父容器高度和兄弟元素仍受原始尺寸影响。
-
order属性通过调整Flex子项在主轴上的渲染位置来控制显示顺序，不改变DOM结构；默认值为0，数值越小越靠前，相同时按HTML源码顺序排列，仅对display:flex容器的直接子元素生效。
-
单页新闻列表中<h2>用于新闻标题而非<h1>，因<h1>必须留给页面主标题以保障语义结构与SEO规范；错误使用会导致爬虫误读、读屏器混乱及RSS抓取失败。
-
逗号分隔的transition写法能生效，但需每组为“属性持续时间缓动函数延迟”，组内空格分隔、组间逗号分隔；漏写缓动或延迟会左补默认值；all不覆盖已声明属性，但仅对可插值属性（如color、transform）有效，display、height:auto等无效。
-
答案：call、apply和bind用于改变函数this指向，call与apply立即执行并分别接收参数列表和数组，bind返回绑定后的新函数且支持柯里化与new优先级处理。
-
通过伪元素和linear-gradient模拟渐变阴影：卡片使用position:relative定位，::before伪元素设置渐变背景并模糊处理，形成彩色投影效果，配合border-radius、blur和opacity调整视觉表现，实现无需图片的高级CSS阴影卡片。
-
box-shadow不会撑开容器因其仅属绘制层视觉效果，不参与盒模型计算，不影响宽高与布局流；多层阴影用逗号分隔，后写者在上；高DPR下模糊变粗是抗锯齿所致；drop-shadow基于Alpha通道，适配形状而box-shadow基于矩形盒模型。
-
ins标签的cite属性用于指定文本插入原因的来源URL，datetime属性用于定义插入的日期和时间，两者均以语义化方式记录修改信息；ins标签默认以下划线显示插入内容，可通过CSS自定义样式，常与del标签配合使用以展示文档修订历史，相比直接添加文本，ins标签具有更强的语义化优势，有助于搜索引擎和辅助技术理解内容变更。
-
border-radius写单值（如8px）为标准圆角，双值（如8px4px）因水平/垂直半径不同易显椭圆；百分比值按盒模型宽高计算；box-sizing影响裁剪基准，overflow:hidden不自动裁剪子元素。
-
原生<inputtype="time">仅在Chrome、Edge及iOS16.4+/macOSSafari中点击触发系统时间选择器；Firefox和旧版Safari仅显示文本框。showPicker()兼容性差，需元素已挂载且非隐藏，建议setTimeout调用；datetime-local在Android更稳定，但需适配日期格式；全平台一致需JS库兜底。
