当前位置: 首页 > backend >正文

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

截至目前,您应该对前端的 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 调用。

文章转载自:前端路引

原文链接:Web前端入门第 52 问:JavaScript 的应用领域 - 前端路引 - 博客园

体验地址:JNPF快速开发平台

http://www.xdnf.cn/news/6525.html

相关文章:

  • [数据结构]7. 堆-Heap
  • undefined reference to vtable for DeviceAllocator‘
  • 【补充笔记】修复“NameError: name ‘ZhNormalizer‘ is not defined”的直接方法
  • Python基础
  • 吴恩达机器学习笔记:特征与多项式回归
  • springboot AOP中,通过解析SpEL 表达式动态获取参数值
  • 第二十五天打卡
  • GUI图形化演示
  • 【测试】用例篇
  • 免疫浸润分析
  • 哲学物理:太极图和莫比乌斯环有什么关系?
  • 【QT 项目部署指南】使用 Inno Setup 打包 QT 程序为安装包(超详细图文教程)
  • Vue3的基础知识
  • 【skywalking】index“:“skywalking_metrics-all“},“status“:404}
  • Ansys Zemax | 在 MATLAB 或 Python 中使用 ZOS-API 进行光线追迹的批次处理
  • TASK02【Datawhale 组队学习】使用 LLM API 开发应用
  • javascript —— ! 和 !! 的区别与作用
  • 傻子学编程之——数据库如何性能优化
  • 西瓜书【机器学习(周志华)】目录
  • [网络升级指南] 服务器网卡/带宽如何选?1GbE vs 10GbE vs 25GbE+ 性能与成本深度解析 (2025)
  • 香山新篇:海淀低密奢居的典范之作
  • 今日行情明日机会——20250515
  • OpenShift AI - 用 ModelCar 构建容器化模型,提升模型弹性扩展速度
  • 冲刺软考:做减法,走出备考迷茫,高效提分!
  • 学习C++的好书:C++编程之禅
  • Spring类
  • 基于WinCC flexible 2008、STEP_7和博途之间的项目移植
  • rsync入门笔记
  • 【Redis】压缩列表
  • 打破传统束缚:Captiks 无线惯性动捕与步态分析系统如何重新定义运动测量?