Web前端入门第 52 问：JavaScript 的应用领域
<p>截至目前，您应该对前端的 HTML + CSS 应该有了很清楚的认知，至少实现一个静态网页已经完全不在话下了。</p><p>当然，CSS 功能绝不止这些，一些不太常用的 CSS 相关知识，后续将通过案例进行分享。</p>
<p>那么咱们接下来看看 JavaScript 的相关知识，作为前端领域三剑客之一，JavaScript 也是前端最核心的技术。</p>
<p>JavaScript 简称 <code>JS</code>，虽然它有 Java 关键字，但您必须要知道它其实与大名鼎鼎的 Java 没任何关系，据说这可能想趁 Java 热度所以才有了 JavaScript 这个名字。</p>
<h2 id="javascript-的应用领域">JavaScript 的应用领域</h2>
<p>在学习 JS 之前，您必须要先知道 JS 它可以用来做什么，毕竟学习一门技术，必须要有一个目标对不。</p>
<h3 id="web-前端开发">Web 前端开发</h3>
<p>JS 的诞生就是为了弥补 Web 开发的局限性，所以最初的目的就是用来做 Web 前端开发。</p>
<ul>
<li>
<p>核心能力：操作 DOM、处理交互、动态渲染页面。这里就不得不说 jQuery 了，它可以算是这个领域的代表之一。</p>
</li>
<li>
<p>现代开发框架代表：React、Vue、Angular。用于构建大型 Web 应用的技术手段之一，完全实现了前后端分离。当然这些框架也都是站在了 nodejs 的肩上，没有 nodejs 它们的影响力至少减半。</p>
</li>
</ul>
<h3 id="web-后端开发">Web 后端开发</h3>
<p>Node.js：用于构建服务端的技术之一。谷歌开源的 V8 引擎赋予了 JavaScript 灵魂，让曾经只能跑在浏览器端的 JS 可以轻松运行在服务端，让 JS 在服务端领域可以与其他服务端编程语言一争高低，代表框架 Express、Koa、NestJS等。</p>
<h3 id="全栈开发">全栈开发</h3>
<p>结合前端 React、Vue 和 Node.js，可以轻松做到全栈开发，让曾经只能在浏览器那角落玩耍的前端开发者们，轻轻松松的实现了领域跨越。</p>
<h3 id="移动应用开发">移动应用开发</h3>
<p>JS 也能做移动端的 APP 开发，可以用 JS 开发 iOS/Android 原生应用，代表框架：React Native、uni-app。</p>
<h3 id="桌面应用开发">桌面应用开发</h3>
<p>基于 V8 引擎，让 JS 可以轻松实现桌面应用开发，代表框架：Electron。</p>
<h3 id="游戏开发">游戏开发</h3>
<p>2D/3D 游戏开发，代表框架：Phaser.js（2D）、Three.js/Babylon.js（3D）、Unity 支持通过 WebGL 导出 JS 项目。</p>
<p>也可使用 WebXR 开发 AR/VR 游戏。</p>
<h3 id="物联网iot与硬件">物联网（IoT）与硬件</h3>
<p>通过 Node.js 控制树莓派（Raspberry Pi）、Arduino 等硬件，也可使用 Johnny-Five 库进行机器人编程。</p>
<h3 id="数据可视化">数据可视化</h3>
<p>代表框架：D3.js、ECharts、Chart.js、Three.js。</p>
<h3 id="机器学习与-ai">机器学习与 AI</h3>
<p>浏览器中训练/部署模型（如图像识别），代表框架：TensorFlow.js。</p>
<p>自然语言处理，代表框架：Brain.js、Natural。</p>
<h3 id="构建工具">构建工具</h3>
<p>用于构建 Web 应用，比如 React、Vue、Angular 等应用打包，代表工具：Webpack、Vite、Rollup。</p>
<h3 id="测试框架">测试框架</h3>
<p>用于编写端到端测试、单元测试。代表框架：Jest、Cypress。</p>
<h3 id="webassembly">WebAssembly</h3>
<p>JS 与 WebAssembly（WASM）结合，实现高性能计算。比如通过 Emscripten 将 C/C++ 编译成 WASM，再通过 JS 调用。</p>
<h2 id="写在最后">写在最后</h2>
<p>JavaScript 的生态版图可以说非常丰满，选择一个您感兴趣的方向专研下去必有一番成就。</p>
<p>当然在走向兴趣的道路之前，咱们还需要先了解 JS 的基础语法，没有基础，任何高楼幻想都是泡影~~</p>
</div>
<div id="MySignature" role="contentinfo">
<p> </p>
<p style="font-size: 18px;font-weight: bold;">文章首发于微信公众号【<span style="color:rgb(255, 71, 87)">前端路引</span>】，欢迎 <span style="color:#4ec259">微信扫一扫</span> 查看更多文章。</p>
<p>
<img style="max-width: 320px;" src="https://images.cnblogs.com/cnblogs_com/linx/2447020/o_250228035031_%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.png"/>
</p>
<p>本文来自博客园，作者：前端路引，转载请注明原文链接：https://www.cnblogs.com/linx/p/18875365</p>
<p> </p><br><br>
来源：https://www.cnblogs.com/linx/p/18875365
頁:
[1]