-
应通过margin控制外部间距、padding调整内部留白、CSSGrid的gap实现结构化间隔、Flexbox的justify-content与gap协调项目分布、rem单位结合根字体尺寸达成响应式留白。
-
HTML5video硬解失败主因是配置与环境不协同：canPlayType()仅校验编码字符串合法性，不探测真实解码能力；需结合navigator.mediaCapabilities.decodingInfo()异步检测，并精确声明codecs、分辨率、码率等参数，配合playsinline等属性确保触发前提。
-
用SCSS@mixin封装border三角箭头，核心是守住width:0、height:0、三边transparent三条底线；方向由设色边决定（如top箭头用border-bottom），大小仅由对应border-width控制，简写覆盖会破坏斜接关系，必须显式声明四边样式。
-
表格边框不显示或断开，主因是border-collapse默认为separate导致相邻边框重叠；应设collapse实现连续边框，或用separate+table单设外框并清除th/td边框。
-
在Vue.js中保护用户隐私数据可以通过以下方法实现：1.使用Vuex集中管理状态，并对敏感数据进行加密存储；2.利用计算属性控制数据显示，保护敏感信息；3.使用HTTPS加密网络传输数据；4.在生产环境中禁用控制台日志，防止数据泄露；5.通过v-once指令优化性能，减少数据冗余。这些方法结合使用，可以有效保护用户隐私数据。
-
JavaScript对象属性描述符通过configurable、enumerable、writable和value实现精细控制，结合get/set可拦截属性访问与赋值，支持动态切换特性及批量定义，提升对象安全性与灵活性。
-
后代选择器“抓太多”因匹配任意嵌套层级的元素；应优先用子选择器>限定直接子级，再结合语义化类名（如.card>.card-title）实现精准控制。
-
下拉菜单需父容器设position:relative作为定位基准，子菜单用absolute并设left:0;top:100%对齐，避免间隙导致闪烁，注意z-index层级与层叠上下文影响。
-
Grid布局必须在容器上设置display:grid，而非子元素；常见错误包括区域不生效、fr单位失效、布局塌陷；需确保父容器启用且grid-area值与template-areas严格匹配。
-
:focus伪类通过高亮输入框提升表单可访问性与用户体验，应自定义样式如边框、阴影保持视觉统一，避免直接移除outline导致键盘用户操作困难，可通过border-color和box-shadow提供替代反馈；结合placeholder变化实现动态提示，针对错误状态、密码框、搜索框等不同输入类型差异化处理焦点效果，确保交互直观且一致。
-
<!DOCTYPEhtml>决定浏览器启用标准模式而非怪异模式，缺失或错误将导致盒模型、行高、表格对齐等异常；它不引用DTD，仅明确触发标准渲染，必须位于第一行且无BOM。
-
float在现代开发中已无布局未来，仅剩邮件模板多栏排版和图文环绕两个不可替代场景；display:flow-root是标准清除方案，而迁移本质是思维重构——从“让元素浮起”转向“定义数据流与轴向”。
-
必须使用BreadcrumbList是因为Schema.org官方规范将其定为唯一标准类型，Google等搜索引擎仅解析该类型；使用Breadcrumb、MyBreadcrumbs或错误URL（如http://schema.org/Breadcrumb）均会导致校验失败、富摘要不显示。
-
CSS选择器对动态插入元素不生效，因其依赖静态匹配机制，仅在首次渲染或重排时扫描DOM；新节点若未显式携带匹配所需class/id等属性，则无法触发样式计算。
-
IE8及以下不支持HTML5语义标签，需用document.createElement注册并设display:block；IE6–7中innerHTML解析非法嵌套异常，应改用DOM方法创建；IE8不支持getElementsByClassName，需按版本分层降级；条件注释仍是IE9及以下唯一可靠加载方式。
