-
CSS属性选择器用方括号[]匹配HTML元素属性，如[type="submit"]选type值完全等于"submit"的元素，支持^=、$=、*=等模式，优先级与class相同，data-属性搭配最安全。
-
嵌套表格只能放在<td>或<th>内，因<tr>只允许子元素为<th>或<td>，否则浏览器会自动修正结构导致错乱；正确做法是将子表格完整写入单元格内部，并通过类名隔离样式。
-
<p>隐式类型转换是JavaScript在运算时自动转换数据类型的过程。例如5+"5"得"55"，"2"*3得6，true==1为true；加法中遇字符串则转字符串拼接，其他算术运算转数字，逻辑判断依据真/假值转换，==会进行类型转换而===不会；对象通过ToPrimitive规则转原始值，优先调用valueOf，再toString，可自定义Symbol.toPrimitive；==存在陷阱如null==undefined为true，"0"==false为true，建议使用===避免错误。&l
-
video的poster属性必须为可访问的http/https网络URL，不支持本地路径；需配合preload="metadata"和有效src才能显示；播放结束后需手动监听ended事件恢复封面。
-
用fr单位配合minmax()可有效解决CSSGrid列宽不均问题，关键在于避免固定像素值干扰自动分配逻辑，并为每列设置合理的弹性范围。
-
rgba()和hsla()可实现背景半透明而文字不透明，alpha值范围为0–1，仅作用于背景层；opacity会使整个元素及子元素变透明，不可取。
-
grid容器宽度不随子项撑开是因为其块级盒模型默认行为，而inline-grid通过改为内联级盒子天然包裹子项总宽，无需fit-content且兼容性更好，但需注意基线对齐和脱离文档流干扰。
-
边框颜色通过视觉区分、交互反馈和语义传达提升卡片组件的用户体验。使用主题色或对比色可突出信息类（蓝）、警告（橙黄）、成功（绿）等状态，如border:1pxsolid#1890ff;增强识别；结合:hover或:focus动态切换边框色（如浅灰→主题蓝→深色），提供操作反馈；搭配border-radius与过渡效果，营造现代感；语义化应用中，红边示错误、灰边表禁用、渐变边框吸睛促销内容，统一规范颜色用途，确保界面清晰易用。
-
Vue列表组件通过props实现数据驱动渲染与逻辑控制，父传子只读数据并校验类型，默认值防错；响应式v-for渲染+key优化+状态分支联动；子组件emit事件反馈操作，父组件处理业务逻辑，职责清晰可维护。
-
属性描述符不直接优化内存，但configurable:false会破坏V8隐藏类优化、getter/setter可能因闭包导致内存泄漏、writable:false对引用类型无防护且干扰JIT优化。
-
答案：设计功能开关机制需包含清晰的配置结构、用户分流一致性、监控集成与管理后台。首先定义标识符、状态、分流规则、实验分组和回滚策略，并存储于配置中心；通过稳定哈希确保同一用户始终进入相同实验组，结合多维度条件实现精准流量分配；集成埋点系统自动上报曝光与转化数据，对接分析平台进行效果评估；提供可视化管理界面支持渐进式发布、权限控制和操作审计，确保可观察性与安全性。该机制不仅支撑A/B测试，还可用于灰度发布与紧急降级。
-
HTML注释是提升可读性、调试效率与重构信心的关键工具，不参与渲染但直接影响协作与维护质量；应避免模糊注释和行内注释，推荐组件级明确说明，慎用于动态HTML，并以语义化结构为根本前提。
-
Photomania不生效的直接原因是它不监听DOM变化且不处理内联样式对齐，仅识别预设class结构（如figure.photo）和正确初始化；手动用float、align或遗漏photomania.init()均导致失效。
-
margin:auto在Flex中生效的前提是父容器必须设display:flex；它只沿主轴吸收剩余空间，需匹配flex-direction方向，且父容器要有明确高度才能实现交叉轴居中。
-
BEM通过扁平单类名选择器减少CSS匹配开销，避免后代选择器回溯，提升渲染性能；需严格遵循命名规范、合理使用Sass模块化和PostCSS配置，并以拆分CSSchunk优化体积。
