-
表格边框不显示或断开，主因是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及以下唯一可靠加载方式。
-
HTML5inputtype="date"提交的日期格式是YYYY-MM-DD（如“2024-03-15”），符合ISO8601标准，不带时区和时间，PHP接收为字符串，需用DateTime::createFromFormat()严格校验并二次格式比对防非法日期。
-
利用:checked伪类和label可实现无JS开关效果，通过隐藏checkbox控制状态，点击label触发选中，CSS响应状态变化实现内容显隐或样式切换。
-
IE8及以下版本不识别HTML5语义标签和CSS3选择器，需用html5shiv注册标签、selectivizr模拟选择器，并将polyfill同步置于head中优先加载。
