Web前端入门第 52 问:JavaScript 的应用领域

时间:2025-05-14 11:25:57

截至目前,您应该对前端的 HTML + CSS 应该有了很清楚的认知,至少实现一个静态网页已经完全不在话下了。

当然,CSS 功能绝不止这些,一些不太常用的 CSS 相关知识,后续将通过案例进行分享。

那么咱们接下来看看 JavaScript 的相关知识,作为前端领域三剑客之一,JavaScript 也是前端最核心的技术。

JavaScript 简称 JS,虽然它有 Java 关键字,但您必须要知道它其实与大名鼎鼎的 Java 没任何关系,据说这可能想趁 Java 热度所以才有了 JavaScript 这个名字。

JavaScript 的应用领域

在学习 JS 之前,您必须要先知道 JS 它可以用来做什么,毕竟学习一门技术,必须要有一个目标对不。

Web 前端开发

JS 的诞生就是为了弥补 Web 开发的局限性,所以最初的目的就是用来做 Web 前端开发。

  • 核心能力:操作 DOM、处理交互、动态渲染页面。这里就不得不说 jQuery 了,它可以算是这个领域的代表之一。

  • 现代开发框架代表:React、Vue、Angular。用于构建大型 Web 应用的技术手段之一,完全实现了前后端分离。当然这些框架也都是站在了 nodejs 的肩上,没有 nodejs 它们的影响力至少减半。

Web 后端开发

Node.js:用于构建服务端的技术之一。谷歌开源的 V8 引擎赋予了 JavaScript 灵魂,让曾经只能跑在浏览器端的 JS 可以轻松运行在服务端,让 JS 在服务端领域可以与其他服务端编程语言一争高低,代表框架 Express、Koa、NestJS等。

全栈开发

结合前端 React、Vue 和 Node.js,可以轻松做到全栈开发,让曾经只能在浏览器那角落玩耍的前端开发者们,轻轻松松的实现了领域跨越。

移动应用开发

JS 也能做移动端的 APP 开发,可以用 JS 开发 iOS/Android 原生应用,代表框架:React Native、uni-app。

桌面应用开发

基于 V8 引擎,让 JS 可以轻松实现桌面应用开发,代表框架:Electron。

游戏开发

2D/3D 游戏开发,代表框架:Phaser.js(2D)、Three.js/Babylon.js(3D)、Unity 支持通过 WebGL 导出 JS 项目。

也可使用 WebXR 开发 AR/VR 游戏。

物联网(IoT)与硬件

通过 Node.js 控制树莓派(Raspberry Pi)、Arduino 等硬件,也可使用 Johnny-Five 库进行机器人编程。

数据可视化

代表框架:D3.js、ECharts、Chart.js、Three.js。

机器学习与 AI

浏览器中训练/部署模型(如图像识别),代表框架:TensorFlow.js。

自然语言处理,代表框架:Brain.js、Natural。

构建工具

用于构建 Web 应用,比如 React、Vue、Angular 等应用打包,代表工具:Webpack、Vite、Rollup。

测试框架

用于编写端到端测试、单元测试。代表框架:Jest、Cypress。

WebAssembly

JS 与 WebAssembly(WASM)结合,实现高性能计算。比如通过 Emscripten 将 C/C++ 编译成 WASM,再通过 JS 调用。

写在最后

JavaScript 的生态版图可以说非常丰满,选择一个您感兴趣的方向专研下去必有一番成就。

当然在走向兴趣的道路之前,咱们还需要先了解 JS 的基础语法,没有基础,任何高楼幻想都是泡影~~