后端工程师接触旧前端时，常见困惑不是“能不能写”，而是概念太杂：JavaScript、jQuery、DOM、BOM、ARIA、跨端、iOS、JVM 也可能被混在同一份笔记里。
JavaScript 和 jQuery
JavaScript 是浏览器编程语言，jQuery 是基于 JavaScript 的库。
jQuery 的价值在于：
- 简化 DOM 操作。
- 简化事件绑定。
- 简化 AJAX。
- 提供链式调用。
- 兼容早期浏览器差异。
在现代 Vue、React 项目里，jQuery 不一定是主线，但维护老项目时仍然会遇到。
DOM、BOM 和 ES
浏览器前端可以先拆成三块：
- ES：语言核心。
- DOM：页面文档树。
- BOM：浏览器对象，例如 window、location、navigator。
分清这三块后，看旧代码会容易很多。
ARIA role 的作用
role 属性用于增强语义，帮助屏幕阅读器理解页面。
例如一个 div 看起来像按钮，可以通过 role="button" 表达意图。
现代前端应该优先使用语义化 HTML，再在必要时补 ARIA。
Java 是编译型还是解释型
这个问题经常被放在基础概念里。
Java 更像“先编译成字节码，再由 JVM 解释和 JIT 执行”的混合模型：
javac编译成.class。- JVM 加载字节码。
- 解释器执行。
- 热点代码由 JIT 编译成本地代码。
理解这个过程，有助于理解跨平台、预热和运行时优化。
跨端选型不要只看热度
跨端方案要看：
- 团队熟悉度。
- 性能要求。
- 原生能力。
- 生态稳定性。
- 调试成本。
- 是否需要长期维护。
对个人项目来说，先把 Web 端做好，往往比一开始追求多端更稳。
维护建议
旧前端和跨端资料可以按四类维护：
- 浏览器基础。
- jQuery 和旧项目维护。
- Java/JVM 基础概念。
- 跨端和移动端选型。
这样资料虽杂，但查找时仍然有结构。
正文完
