-
结论：.clearfix::after必须声明content:""才能生效，因其是伪元素渲染前提；display:table比block更兼容旧Safari；clear:both不能直接作用于父容器自身，必须通过伪元素在内部末尾插入清除节点。
-
JSON深拷贝后实例失去原始类方法的根本原因是JSON.stringify仅序列化可枚举自有属性，不保留构造函数、原型链及行为逻辑，还原后仅为Object.prototype的普通对象。
-
应使用rgba()或hsla()设置背景色透明度，而非opacity；rgba(0,0,0,0.5)使背景半透明而文字保持不透明，且兼容性处理可添加十六进制fallback。
-
clear:left和clear:right的作用是让当前元素的外边框边缘不与指定方向的浮动元素重叠，仅调整自身位置，不影响浮动状态或父容器高度；常用于图文环绕、多列混排等需局部对齐场景，但无法解决父容器塌陷，须配合BFC触发机制。
-
grid-auto-rows:min-content仅对隐式网格行生效，即未显式定义grid-template-rows时自动创建的行；若已设grid-template-rows，则该属性被忽略。
-
datalist本质是为input提供纯文本自动补全的语义容器，仅支持直接子元素option且内容须为纯文本，不支持多列、CSS样式或复杂结构；实现多列需改用自定义下拉组件。
-
hasOwnProperty用于判断属性是否为对象自身可枚举属性而非继承自原型链；for...in会遍历原型链上可枚举属性，需用Object.prototype.hasOwnProperty.call过滤；Object.keys()更安全简洁，仅返回自身可枚举字符串键。
-
变量提升指JavaScript引擎在编译阶段将声明“记入”作用域顶部，并非真实移动代码；var声明被提升并初始化为undefined，let/const仅提升不初始化而存在TDZ，函数声明整体提升，函数表达式仅变量名提升。
-
本文介绍如何在Vite/Rollup构建流程中条件性加载仅用于开发环境的数据库驱动（如mysql2），避免因引入非边缘兼容包导致构建失败，同时彻底规避eval等不安全方案。
-
使用transform+translate更流畅，因为其通过GPU加速将元素提升至独立图层，避免触发重排与重绘。正确做法是用translateX/Y替代left/top/margin，配合transition实现平滑动画，并可辅以will-change和合理缓动曲线优化性能。
-
HTML5中引入icon字体需通过<link>加载CSS文件，再用或<span>加类名渲染；不可用<img>加载字体文件。常见问题包括路径错误、类名不匹配、字体未加载或CSS冲突，应检查Network面板和Computed样式。
-
html5play无法播放AAC音频的根本原因是其依赖浏览器原生audio元素，而浏览器仅支持MP4封装的AAC（.m4a/.mp4），不支持裸ADTS流（.aac）；需确保服务端返回audio/mp4或audio/x-m4a类型及正确CORS头。
-
父组件通过闭包绑定子组件唯一ID实现事件来源区分：模板中用箭头函数传入标识如'e=>handler(e,"compA")'，或子组件props传componentId并emit时附带，或v-for中用索引生成闭包，确保事件处理精准无歧义。
-
没有“万能配色”，但有可复用的协调逻辑：主色定调性，辅色控节奏，强调色引动线，所有颜色须经对比度校验、语义化命名与集中管理。
-
真正可行的是background-clip:padding-box配合透明border实现渐变边框，因该属性限制背景仅渲染于内边距及内容区，结合transparent边框可使渐变“显形”于边框位置。
