JavaScript 是浏览器中唯一能直接操作页面、响应用户动作、发起网络请求的编程语言；它驱动交互、更新内容、处理异步，所有框架都基于其原生能力封装，删掉 JS 则页面完全失效。
JavaScript 是浏览器里唯一能直接操作页面、响应用户动作、发起网络请求的编程语言——不是“之一”，是唯一。它不是网页的装饰项，而是让按钮可点、表单能验、数据会动、页面不刷新就更新的执行引擎。你写一行 document.querySelector('#submit').click()，它立刻生效；你调一次 fetch('/api/user')，它就在后台拿数据；你没写 JS，网页就只是张带样式的海报。
为什么所有现代框架（React/Vue）都绕不开 JavaScript？
React 的 jsx 不是新语法，是 JS 的语法糖，最终被编译成 React.createElement() 调用；Vue 的响应式依赖 Object.defineProperty 或 Proxy，全是 JS 原生 API；连 v-model 这种“魔法”背后，也是 JS 对 input 事件和 value 属性的监听与同步。
- 框架 ≠ 替代 JS，而是封装 JS —— 你调试时看到的报错，永远来自 JS 引擎（V8/SpiderMonkey），不是框架本身
- 写
useState或ref，本质是在调用 JS 函数并返回响应式变量，不是声明一个“新类型” - 删掉
react.development.js，整个页面白屏；但删掉 CSS 文件，页面只是难看——JS 是运行时刚需
不写 JS 的后果：常见“页面不动”问题根源
很多新手以为 HTML+CSS 写完就该能用了，结果按钮点不了、输入无反馈、列表加载不出来——八成是 JS 缺失或执行时机不对。
-
document.getElementById('btn')返回null？大概率脚本在 DOM 加载前就执行了，应包裹在DOMContentLoaded事件里，或把<script>放在</body>底部 - 用了
type="module"却发现变量未定义？模块默认strict mode且作用域封闭，var声明不会挂到全局，别再指望window.xxx能取到 - 表单提交后页面刷新了？忘了
event.preventDefault()，或者监听的是click而非submit事件
从“能跑”到“能维护”：三个必须立刻做的实操习惯
别等项目大了再补，第一天就该建立底线。
立即学习“Java免费学习笔记（深入）”；
- 用
const/let替代var，避免变量提升和重复声明陷阱；加'use strict';开启严格模式，让this指向更可控、静默失败变报错 - 在 JS 文件顶部加
// @ts-check，配合 VS Code 自动检查类型错误（比如给number变量赋了string），零配置就能防低级 bug - 所有异步请求统一用
async/await+try/catch，别嵌套.then().then().catch()——错误堆栈更清晰，await后面的代码真正“像同步一样读”
容易被忽略的一点：JavaScript 的核心价值不在语法多酷，而在于它卡在用户操作和网络通信之间那个唯一可执行的位置。你改一行 textContent，用户眼睛就看到变化；你发一个 fetch，服务器就收到请求——这种即时性，没有其他语言能在浏览器里原生提供。写 JS 不是学“前端技术”，是掌握网页的呼吸节奏。
