-
按钮大小不统一的根本原因是padding、border、box-sizing混用导致实际占用空间不一致；解决关键是全局或单独设置box-sizing:border-box，统一padding单位（推荐px），规范border样式，并合理使用min-width与文本截断策略。
-
通过设置相对定位容器和绝对定位的::after伪元素，创建默认透明的覆盖层，利用:hover触发其opacity变化实现遮罩显现。1.容器设position:relative；2.::after创建背景遮罩，默认opacity:0；3.:hover时opacity变为1；4.可配合img的opacity过渡增强视觉效果。关键在于定位与transition配合。
-
JavaScript消息队列与事件循环管理异步执行顺序，事件溯源则通过记录不可变事件来追踪数据状态变化。前者基于调用栈、宏任务与微任务队列实现非阻塞运行，后者通过重放事件重建状态，支持完整历史追溯，两者可结合但机制独立。
-
使用标签可创建内容分隔线，结合CSS能自定义样式如宽、高、颜色及边框，实现居中、渐变、阴影等视觉效果，并可通过page-break-after等CSS属性控制打印时的分页行为。
-
动画闪现源于初始状态未显式声明，解决关键是为动画属性（如opacity、transform）提前设置明确初始值，而非依赖@keyframes的from帧或animation-fill-mode:forwards。
-
TypeScript是JavaScript的增强版超集，添加可选静态类型以提前捕获运行时错误。它兼容所有JS代码，编译为标准JS，支持类型推断与渐进式采用，提升可读性、重构安全性和团队协作效率。
-
:hover与:focus结合使用可提升交互一致性和可访问性，通过统一悬停与聚焦样式（如按钮变色、缩放），并配合:focus-visible区分键盘焦点，确保鼠标与键盘用户均获得流畅视觉反馈。
-
通过JavaScript监听表单submit事件，使用preventDefault阻止默认提交，读取输入值并动态插入展示区域；2.示例中表单提交后在页面显示姓名、邮箱、年龄；3.可选优化包括提交后清空表单或追加记录实现历史数据显示。
-
下拉菜单高度跳动是因height无法从0过渡到auto，应改用max-height过渡并设足够大值（如500px）配合overflow:hidden；需确保内容提前渲染、样式固定，并合理设置过渡时长（0.25s~0.35s）与缓动函数。
-
待办事项列表的核心是状态与UI同步：状态统一存于todos数组，增删改操作均返回新数组，render函数负责重绘UI，事件委托处理动态元素。
-
JavaScript实现动画的核心是按时间规律更新元素视觉属性并触发重绘；推荐requestAnimationFrame打底，CSStransitions处理基础交互，WebAnimationsAPI用于精细控制，复杂场景选用GSAP等库，并优先使用transform/opacity避免重排。
-
SourceMap是用于将压缩/编译后代码映射回原始源码的JSON文件，核心字段包括sources、names和Base64VLQ编码的mappings；由Webpack、TSC等工具生成，通过sourceMappingURL注释启用，调试时提升可读性但需注意上线安全。
-
flex-grow按比例分配剩余空间，flex-shrink控制压缩程度，配合flex简写可高效实现响应式布局，如侧边栏固定、主内容自适应。
-
<p>应使用JavaScript注释语法而非HTML注释。在script标签中，用//进行单行注释，用//进行多行注释，如alert("欢迎")前加//说明功能；早期为兼容非JavaScript浏览器曾用<!---->包裹脚本以防代码显示，现已被淘汰；现代开发仅推荐使用JavaScript原生注释方式，确保代码可读性与维护性。</p>
-
应将旧版HTML文档升级为HTML5标准：一、用<!DOCTYPEhtml>替换旧DOCTYPE；二、用<header><main><aside><footer>等语义化标签替代div；三、更新表单为email/date/number类型并添加required等属性；四、简化<head>中meta声明，使用<metacharset="UTF-8">和viewport；五、修正嵌套与闭合问题，通过W3C校
