-
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校
-
首先修改IISExpress的applicationhost.config文件，添加站点配置指定项目路径、端口和绑定信息；然后通过命令行进入IISExpress安装目录，执行iisexpress.exe/site:MyHtmlSite启动服务；接着检查端口占用情况并确保防火墙允许IISExpress通信；最后确认项目目录具备读取权限以保障资源正常加载。
-
盒模型中元素总宽度包含width、padding、border和margin，float使元素脱离文档流并按设置方向排列，但会受总宽度影响导致换行；margin增加外边距却加剧宽度溢出风险，尤其在float+百分比布局中。使用box-sizing:border-box可让width包含内边距和边框，配合calc()函数或采用Flexbox布局能有效避免错位，推荐优先使用现代布局方案以减少计算误差。
