-
浮动元素脱离文档流致后续块级元素绕行错位，clear:both通过强制元素边框框不与浮动元素重叠来解决，但现代推荐用display:flow-root或Flex/Grid布局替代。
-
React与Vue的选择取决于项目需求而非优劣：React以生态自由度见长但需自主选型，Vue以模板响应式确定性提升开发效率，团队规模、基建能力及具体约束（如IE支持、SSR）共同决定技术选型。
-
在HTML5中实现文字首行缩进需用CSS的text-indent属性，支持固定像素、em相对单位、rem根单位、负值悬挂缩进及多语言（RTL/垂直）适配五种方式。
-
HTML5的标签原生支持三种主要视频格式：MP4、WebM和Ogg。选择合适的格式能确保视频在不同浏览器中顺利播放。MP4（H.264+AAC）——兼容性最强MP4是目前兼容性最好的格式，几乎所有现代浏览器都支持它。但要注意，并非所有MP4文件都能播放，必须使用特定编码：视频编码：H.264（也称AVC）音频编码：AACMIME类型：video/mp4苹果Safari、微软Edge和InternetExplorer都只支持这种组合。因此，提供一
-
ChromeDevToolsPerformance面板抓问题需录制3–5秒复现卡顿的操作，重点关注红色长条（JS执行过久）、频繁紫/绿色块（强制同步布局）、大量灰色ScriptEvaluation（未节流回调）；内存泄漏用Heapsnapshot对比DetachedDOM树增长；requestIdleCallback适用于可中断低优先级任务，WebWorker用于CPU密集型纯计算。
-
scope属性在HTML表格中的核心作用是提升可访问性，通过明确表头单元格与数据单元格之间的关联，帮助屏幕阅读器用户理解表格结构。1.scope="col"表示该表头是所在列的标题；2.scope="row"表示该表头是所在行的标题；3.它为屏幕阅读器建立虚拟表格模型，使其能准确读出数据单元格对应的行列信息；4.在复杂表格中可使用headers与id组合或aria-labelledby等替代方案；5.其他最佳实践包括使用<caption>、正确划分<
-
justify-items用于Grid布局中控制项目在行内轴（水平）的对齐，align-items在Grid和Flexbox中均适用，控制块轴（垂直）对齐，Flexbox中主轴对齐由justify-content实现，默认值均为stretch。
-
JavaScript手势识别通过监听触摸事件实现滑动、长按、双击等交互，常用原生事件或Hammer.js等库处理，需注意阈值设置、事件销毁与preventDefault的合理使用，以提升移动端用户体验。
-
Hoisting是指变量和函数声明被提升到作用域顶部：var声明提升并初始化为undefined，let/const声明提升但处于暂时性死区，函数声明完全提升而函数表达式不提升。
-
可在VC中通过四种方法运行HTML文件：一、用系统默认浏览器双击打开；二、新版VS中使用“在浏览器中查看”菜单；三、拖拽HTML文件至浏览器窗口；四、用ShellExecute编程调用浏览器。
-
Flex子项溢出主因是默认min-width:auto阻止收缩，应设min-width:0并配合overflow-wrap:break-word等文本换行控制，优先用flex:1而非固定宽。
-
统一使用同一CDN（如cdnjs.cloudflare.com）加载所有前端依赖，可减少TCP/TLS连接开销、提升弱网环境下的加载稳定性，并降低因多源CDN被劫持或污染带来的安全风险。
-
favicon需在<head>中用<link>声明，路径须正确且可直接访问，推荐根路径；应同时提供.ico和多尺寸.png格式，并加版本参数防缓存；真机实测各环境显示效果。
-
不能用opacity因为它会使子元素（文字、图片等）一同变透明；应使用background-color的rgba()值，仅让背景透明而内容保持100%不透明，兼容性好且语义清晰。
-
HTML表格居中可通过五种方法实现：一、CSSmargin:0auto配合固定宽度；二、text-align:center与display:inline-table结合；三、Flexbox的justify-content:center；四、Grid的place-items:center；五、已废弃的center标签（不推荐）。
