JavaScript是浏览器唯一原生支持的语言，通过引擎解释执行、动态类型与原型链实现高灵活性；依托DOM操作、事件处理、异步通信等能力驱动现代网页交互，成为全栈技术链基石。
DOM 操作：网页内容怎么被 JS 实时改写？
HTML 页面加载后，浏览器会把它转成一棵 JS 通过 JS 用 因为其他所有“高级能力”都建在它之上：React/Vue 是 JS 写的框架，Webpack 是 JS 写的打包工具，npm 是 JS 的包管理器，Node.js 让 JS 能跑在服务端——整条技术链路被一种语言贯穿。97% 的网站启用 JavaScript（Statcounter 2025），不是因为它完美，而是它足够快落地、够灵活适配、够开放演进。真正难的不是学语法，而是理解它如何与 HTML/CSS 协同：HTML 提供可访问的骨架，CSS 控制视觉节奏，JS 负责时机与逻辑——三者缺一，现代网页就失重。 立即学习“Java免费学习笔记（深入）”；DOM 树，每个标签（）都变成一个可编程的 Node 对象。JS 通过 document.getElementById()、querySelector() 找到节点，再用 textContent、innerHTML 或 classList.add() 改内容、结构或样式。
innerHTML = '' 插入脚本——不会执行；要用 eval() 或动态创建 标签并 appendChild 才行（但有安全风险）DocumentFragment 缓存后再插入querySelectorAll()，但现代项目基本无需考虑事件处理：用户一碰，JS 怎么立刻响应？
addEventListener() 监听点击、输入、滚动等行为，绑定函数后，只要事件发生，函数就进任务队列等待执行。关键在于它不阻塞主线程——比如你滚动页面时，JS 还能同时发请求、算数据。
onclick="handle()" 内联写法，会导致作用域混乱、无法移除监听器；必须用 addEventListener() + removeEventListener() 配对管理click，用 event.target 判断谁被点，比给 100 个按钮各绑一次更省内存event.preventDefault() 和 event.stopPropagation() 的区别：前者阻止默认行为（如表单提交），后者只停冒泡，别混用异步通信（Fetch / AJAX）：页面不刷新，数据怎么悄悄换？
fetch() 或 XMLHttpRequest 向服务器发请求，拿到 JSON 后再用 DOM 操作更新局部内容。整个过程不打断用户操作，体验接近原生 App。
fetch('/api/user').then(data => console.log(data)) ——data 其实是 Response 对象，得先调 .json() 才能拿到真实数据async/await 更好读，但要注意：它只是 Promise 的语法糖，底层仍是事件循环驱动，不是多线程fetch() 默认没超时，要用 AbortController 主动中断，否则请求卡住用户无感知为什么它成了现代网页的基石？
