JavaScript是网页的执行引擎，通过事件监听实现用户交互即时响应；需避免执行时机错误和主线程阻塞，合理使用defer、节流、Web Worker等优化手段。
JavaScript 不是网页的装饰品，它是让页面“活起来”的执行引擎——没有它，表单不能实时验证、按钮点击没反馈、内容无法动态加载，用户只能不断刷新页面。
JavaScript 怎么让点击、输入、滚动立刻有反应？
它通过事件监听机制直接绑定用户行为，不依赖服务器往返。比如点击按钮触发 click 事件，输入框内容变化触发 input 事件，滚动时触发 scroll 事件。
- 传统 HTML 表单提交会整页刷新；用
event.preventDefault()阻止默认行为后，可只校验email字段并即时显示红字提示 -
fetch()在后台静默请求数据，拿到 JSON 后用document.createElement()和appendChild()插入新列表项，用户完全感知不到 HTTP 请求 - 监听
scroll事件配合getBoundingClientRect()，能实现“滚动到某区域才触发动画”，而不是一进页面就硬加载
为什么有些 JS 代码写了却没效果？常见执行时机陷阱
最常踩的坑是脚本在 DOM 元素创建前就运行了，document.getElementById("submit-btn") 返回 null，后续绑定 addEventListener 直接报错。
- 把
放在
