-
用position:absolute叠加图片需父容器设position:relative，img2用absolute+top/left定位，居中用top:50%;left:50%;transform:translate(-50%,-50%)，z-index显式设置更稳妥。
-
箭头函数是ES6引入的简洁函数语法，具有词法this绑定、无arguments对象、不可用new调用等特性。它省略function关键字及return（单表达式时），但无法作为构造函数，且this指向定义时外层普通函数的this。
-
使用transform和animation可实现高性能平滑平移动画。1.translate()位移不触发重排，优于left/margin；2.@keyframes定义动画关键帧，支持from/to或百分比；3.animation属性绑定动画，设置时长、缓动、循环等；4.示例中alternate实现往返移动。推荐用于按钮、加载、轮播等场景。
-
Map是支持任意类型键的键值对集合，适用于需对象等非字符串键、保持插入顺序、精确计数及避免原型污染的场景；Set是保证唯一性的值集合，适用于去重和存在性判断。
-
try...catch仅捕获同步错误，异步错误需await后才生效；仅在明确可能throw且能响应时使用，如JSON.parse、深层属性访问、localStorage操作等；catch参数须为变量名，不可写类型；finally仅用于无条件清理，禁用return或抛错。
-
JavaScript函数是代码复用的关键，通过函数声明、函数表达式和箭头函数定义，实现一次编写、多处调用，支持参数化、集中维护与逻辑组合；盲目封装则违背其设计初衷。
-
flex-direction:column在移动端失效主因是父容器缺乏明确高度约束，需设min-height:100dvh或height:100dvh，并确保祖先节点无overflow:hidden；iOS滚动需显式overflow-y:auto且配合-webkit-overflow-scrolling:touch。
-
表单元素聚焦时的蓝线是浏览器默认outline，专为可访问性设计且不占布局空间；误用border替代会导致重排抖动，正确做法是保留outline并用outline-offset调整或改用box-shadow。
-
text-indent失效主因是元素非块级或父容器为flex/grid；中文首行缩进推荐text-indent:2em；它仅推首行，padding-left则整体偏移；子块级元素需显式设text-indent:0重置。
-
本文介绍如何通过原生JavaScript监听<select>元素的change事件，动态控制表格中特定<tr>行（如“Masters”和“Bachelors”）的显隐状态，实现选中“本科”时仅显示BSc行、选中“研究生”时仅显示MSc行的交互效果。
-
卡片布局通过HTML结构与CSS样式实现，使用语义化标签构建内容，配合Flexbox排列和响应式设计，确保整洁、一致且适配多屏。
-
本文详解通过Flexbox布局控制图片位置与尺寸，解决文字与图片错位、图片横向/纵向溢出、媒体查询失效等问题，核心是修正.row的flex-direction并配合合理间距与约束策略。
-
答案：通过background-clip:text结合渐变背景和transition控制background-position，可实现文字颜色的流动渐变效果，需注意浏览器兼容性与可读性。
-
答案是HTML无法直接实现区块链交互，必须依赖JavaScript库（如Web3.js或Ethers.js）和钱包插件（如MetaMask）。通过在HTML中引入JavaScript，检测钱包连接、调用智能合约、处理交易与事件，才能完成链上操作。整个过程以HTML为载体，JavaScript为核心逻辑层，钱包负责安全签名，三者协同实现前端与区块链的交互。
-
实时数据更新应依场景选通信机制：WebSocket适用于低延迟双向交互，需完善生命周期管理；SSE适合服务端单向推送，兼容性好且自动重连；fetch轮询则用于实时性要求低或受限环境，须加节流与退避；MutationObserver不属实时数据更新方案。
