深入理解 Node.js 运行时异步事件驱动模型与服务器端 JavaScript 实战入门【免费下载链接】curriculumThe open curriculum for learning web development项目地址: https://gitcode.com/GitHub_Trending/cu/curriculum本指南以本仓库 Node.js 课程的开篇文档为基础系统讲解 Node.js 的本质它是一个异步事件驱动的 JavaScript 运行时把 JavaScript 从浏览器带到了服务器端。你将理解服务器Server的职责、静态站点与动态站点的区别、何时需要后端、事件驱动与事件循环的底层机制并亲手写出第一个 Hello World HTTP 服务器为后续 Getting Started 实战 与 Express 框架 的学习打下根基。一、先回答三个基础问题1. 服务器Server是干什么的在进入 Node 之前必须先建立服务器的心智模型。前端front end指用户在浏览器中看到和交互的界面由 HTML、CSS、JavaScript 三件套构成后端back end则指在 Web 服务器上幕后发生的一切——接收浏览器发来的 HTTP 请求、读取数据库、执行业务逻辑最终把格式正确的 HTML/CSS/JS 文件与图片等资源回传给浏览器。浏览器只关心你送过来的是什么格式的文件并不关心这些文件是哪种语言生成的因此服务器端几乎可以运行任意语言。本仓库的 后端入门课程 对这一分工有完整阐述。2. 静态站点与动态站点的区别静态站点页面内容在构建时就已经确定服务器只是把预先写好的 HTML 文件原样发送给浏览器。例如本仓库中的多个纯 HTML/CSS 项目如 Project Recipes、Landing Page都属于静态内容。动态站点页面内容在收到请求时由服务器端代码实时生成——查询数据库、组合模板、注入用户数据后再返回 HTML。Node 的核心价值正是支撑这类需要与数据库、外部 API 交互的动态应用。3. 什么时候需要后端什么时候不需要需要后端的典型场景需要持久化存储用户数据注册、评论、订单、需要调用数据库或第三方 API、需要做身份认证、需要运行不能在浏览器中暴露的密钥逻辑。不需要后端的场景纯展示型页面、内容完全静态且无需交互存储的站点。判断标准很简单——如果应用不需要在服务器上保存或处理数据就不必引入后端盲目引入只会增加复杂度。二、Node 到底是什么Node.js 官网 给出的定义是As an asynchronous event driven JavaScript runtime, Node is designed to build scalable network applications. 作为一个异步事件驱动的 JavaScript 运行时Node 专为构建可扩展的网络应用而设计。这句话需要拆解。最关键的一点是Node 是一个 JavaScript runtime运行时。JavaScript 最初被设计为在浏览器中运行这意味着过去你无法用 JavaScript 写出任何不是网站的程序。Node 把 JavaScript 带出了浏览器它让你在本地电脑或服务器这类机器上直接运行 JavaScript而不必经过浏览器。也就是说JavaScript 能做的事从网页脚本扩展到了 Ruby、PHP、C#、Python 等主流服务端语言能做的几乎所有事情。为了实现这一点Node 在浏览器版 JavaScript 之外增加了许多额外能力最典型的有读写本地文件fs模块创建 HTTP 连接、监听网络请求http模块。浏览器里的 JavaScript 出于安全沙箱限制做不到这些Node 把它们变成了内置能力。三、异步事件驱动Node 的核心执行模型1. 什么是异步 事件驱动回到官网定义Node 是异步asynchronous事件驱动event driven的运行时。这里的异步是指你写代码时不需要预测每一行代码执行的精确顺序而是把代码拆成一组小函数让它们在特定事件如网络请求、数据库查询完成发生时被调用——这就是事件驱动。2. 一个直观的对比同步 vs 异步假设你的程序需要完成四件事从文件读取文本、把文本打印到控制台、查询数据库获取用户列表、按年龄过滤用户。同步写法只能一步步排队执行读文件打印文件内容查询数据库过滤查询结果异步写法可以把相互独立的任务分组读文件然后打印文件内容查询数据库然后过滤查询结果运行时Node 从顶部开始执行先启动读文件操作由于这是耗时操作Node不会傻等而是立刻开始执行第二步查询数据库随后 Node 坐在那里等待事件——等待文件读完和数据库查询完成这两个事件。任何一个先完成就触发对应回调文件先读完就先打印数据库先返回就先过滤。作为程序员你不需要关心两个任务的完成先后顺序。如果这段代码是同步执行的你就必须等每一步完成才能进入下一步遇到一个超长文件可能要等好几秒才能开始查询数据库整体性能被最慢的那一步拖住。这正是 Node 能以单线程处理高并发网络 I/O 的根基。3. 事件循环Event Loop与回调这一机制与前端 JavaScript 中addEventListener等待用户点击、按键的思路几乎完全一致区别只在于Node 等待的事件是网络请求、数据库查询、文件 I/O 这类后台任务完成信号。这种模式通过**回调函数callback**来实现——把事件发生后要做什么预先注册给 Node事件一发生就调用它。事件循环就是驱动这一切的幕后引擎主线程启动异步操作后立即返回继续处理下一个任务当某个异步操作完成其回调被推入事件队列事件循环在调用栈空闲时取出并执行。理解调用栈 任务队列 事件循环三者关系是理解 Node 并发模型的关键这也是原文档推荐反复观看事件循环视频的原因。4. 第一个真实示例HTTP 服务器原文档给出了一个来自后续教程第一课的示例这段代码创建一个服务器并对每一次网络请求执行回调http.createServer(function (req, res) { res.writeHead(200, {Content-Type: text/html}); res.end(Hello World!); }).listen(8080);解读http.createServer接收一个回调回调在每次收到网络请求时被触发req是请求对象res是响应对象——这里设置了 200 状态码和text/html内容类型然后以Hello World!结束响应.listen(8080)让服务器监听 8080 端口。在浏览器中访问对应地址和端口就能看到这段文本。四、课程定位先用 Node 学后端React 稍后登场一个重要的课程安排说明本课程先聚焦服务器端概念React 这类客户端技术会留到后续把前后端组合起来时再学。请严格按照课程既定顺序推进——偏离路线图往往会让学习难度无谓地增加。当前课程路线的完整结构如下了解 Node 是什么本文Getting Started模块、HTTP、文件系统、URL、事件、NPM实战项目Basic Informational Site——用纯 Node 搭建含index、about、contact-me和404四个页面的网站环境变量——学习process.env与.env文件Node 调试——掌握 VS Code 内置 Node 调试器Express 框架——用后端框架改写上述项目并逐步走向 MVC 与 REST API。五、从Hello World到可运行的后端应用原文档要求你最终能编写一个基本的 hello world 应用并在本机控制台中运行。这里给出完整的落地路径1. 运行 Node 脚本在终端中创建index.js并写入任意 JavaScript然后用node index.js运行即可在控制台看到输出。Node 还支持--watch模式如node --watch index.js文件变化时自动重启进程方便开发迭代详见 Express 课程中的说明。2. 第一个项目Basic Informational Site本课程第一节实战课 project_basic_informational_site.md 要求你完成一个最基础的多页面站点在项目目录中创建index.html、about.html、contact-me.html、404.html四个页面文件创建index.js服务器文件根据 URL 返回对应页面localhost:8080→index.htmllocalhost:8080/about→about.htmllocalhost:8080/contact-me→contact-me.html其余任何路径 →404.html实现它需要用到 Getting Started 课程中的核心模块用http.createServer接收请求、用url模块解析请求路径、用fs模块按路径读取对应 HTML 文件。完成这个项目你就真正理解了服务器根据请求返回内容的全过程——这正是 intro_to_node 入门文档 的学习目标。3. 进阶用 Express 重写当你觉得用纯 Node 手写路由冗长笨拙时就到了引入框架的时机。Express 是刻意精简、非固执己见barebones and unopinionated的框架让你按需扩展const express require(express); const app express(); app.get(/, (req, res) res.send(Hello, world!)); const PORT 3000; app.listen(PORT, (error) { if (error) { throw error; } console.log(My first Express app - listening on port ${PORT}!); });用app.get()替代手写的路径判断一个多页面网站只需几个路由即可完成详见 introduction_to_express.md。这里也提醒你端口号通常会取自环境变量并带默认值即const PORT process.env.PORT || 3000;——这正是 环境变量课程 的主题。六、配套知识环境变量与调试1. 为什么需要环境变量不同环境本地开发机、Vercel/Netlify 等托管平台是一套套不同的工具与配置集合。应用应该像函数接受参数一样通过环境变量接收环境专属的值开发环境用测试数据库、生产环境用正式数据库数据库连接串、API 密钥等机密不写死在源码里。按惯例运行模式的环境变量叫NODE_ENV值如dev/prod命名采用UPPER_SNAKE_CASE。在 Node 中通过process.env访问例如if (process.env.NODE_ENV prod) { // 生产环境专属逻辑 } redirectUserToSuperSecretVideo(process.env.VIDEO_URL);注意环境变量的值永远是字符串需要数字或布尔值时记得自行转换。2. 加载环境变量的三种方式命令行前缀NODE_ENVprod node index.js——变量多时会很冗长export命令export NODE_ENVprod——只在当前 shell 会话内生效新开 shell 即丢失.env文件推荐在项目根目录创建.env内容为NAMEVALUE格式例如NODE_ENVprod VIDEO_URLhttps://www.youtube.com/watch?vX2CYWg9-2N0Node 从 v24.10 起对.env文件提供内置支持可用node --env-file.env index.js加载或在代码中调用process.loadEnvFile()。务必把.env加入.gitignore防止机密被提交泄露生产部署时.env不在仓库里应通过托管平台界面或文档说明的方式配置也可用--env-file-if-exists等方案避免本地依赖。课程对以上内容有完整讲解详见 environment_variables.md。3. 调试 Node 代码服务端代码不能依赖浏览器 DevTools。本课程推荐使用 VS Code 内置的 Node 调试器在编辑器里直接打断点、单步执行其中JavaScript Debug Terminal是启动调试器最便捷的方式。官方视频与文档会演示完整流程详见 debugging_node.md。七、知识自检清单学完本文你应该能回答以下问题也对应原文档的知识检查Node 是什么一个异步事件驱动的 JavaScript 运行时服务器Server的职责是什么静态站点与动态站点有何区别什么情况下项目需要后端什么情况下不需要异步事件驱动意味着什么回调callback在其中扮演什么角色事件循环event loop如何让 Node 不阻塞地处理耗时 I/O如何写一个基本的 hello world 应用并在控制台运行如果这些问题都能流畅作答说明你已经为后续 Getting Started 的模块学习、Basic Informational Site 项目 的实战做好了准备。从在浏览器里写脚本到在服务器上构建应用这就是 Node 给你打开的第一扇门。【免费下载链接】curriculumThe open curriculum for learning web development项目地址: https://gitcode.com/GitHub_Trending/cu/curriculum创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考