https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/ Recent content in NodeJS环境 on 杨刚的个人网站 Hugo -- gohugo.io zh Copyright © 2018-2025 GradyYoung. All rights reserved. Fri, 23 May 2025 00:00:00 +0000 https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/cf4953e8/ Sun, 27 Apr 2025 00:00:00 +0000 https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/cf4953e8/ <h2 class="relative group">什么是NodeJS <div id="什么是nodejs" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e4%bb%80%e4%b9%88%e6%98%afnodejs" aria-label="锚点">#</a> </span> </h2> <p>简单的说 Node.js 就是运行在服务端的 JavaScript。</p> https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/3d0d1cb7/ Tue, 06 May 2025 00:00:00 +0000 https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/3d0d1cb7/ <h2 class="relative group">什么是NPM <div id="什么是npm" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e4%bb%80%e4%b9%88%e6%98%afnpm" aria-label="锚点">#</a> </span> </h2> <p>NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：</p> https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/910c7552/ Sun, 27 Apr 2025 00:00:00 +0000 https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/910c7552/ <h2 class="relative group">什么是模块 <div id="什么是模块" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e4%bb%80%e4%b9%88%e6%98%af%e6%a8%a1%e5%9d%97" aria-label="锚点">#</a> </span> </h2> <ul> <li>将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起</li> <li>块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信</li> <li>在node中，一个js文件就是一个模块，每个模块单独运行在一个函数中，所以一个js文件中的变量和函数的作用域不是全局的，如果需要在其他js中使用，那么需要使用引入</li> <li>node中模块分为两大类：核心模块（node提供或npm下载的，例如fs）；文件模块（自己写的模块）</li> </ul> <h2 class="relative group">解决的问题 <div id="解决的问题" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e8%a7%a3%e5%86%b3%e7%9a%84%e9%97%ae%e9%a2%98" aria-label="锚点">#</a> </span> </h2> <ul> <li>请求过多 <ul> <li>首先我们要依赖多个模块，那样就会发送多个请求，导致请求过多</li> </ul> </li> <li>依赖模糊 <ul> <li>我们不知道他们的具体依赖关系是什么，也就是说很容易因为不了解他们之间的依赖关系导致加载先后顺序出错。</li> </ul> </li> <li>难以维护 <ul> <li>以上两种原因就导致了很难维护，很可能出现牵一发而动全身的情况导致项目出现严重的问题。模块化固然有多个好处，然而一个页面需要引入多个js文件，就会出现以上这些问题。</li> </ul> </li> </ul> <h2 class="relative group">CommonJS和ES6Modules <div id="commonjs和es6modules" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#commonjs%e5%92%8ces6modules" aria-label="锚点">#</a> </span> </h2> <p>CommonJS和 ES6 模块系统是 JavaScript 中两种主要的模块处理方式。它们在语法、加载方式和使用场景上都有显著的区别。</p> https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/83bff396/ Sun, 27 Apr 2025 00:00:00 +0000 https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/83bff396/ <h2 class="relative group">Webpack <div id="webpack" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#webpack" aria-label="锚点">#</a> </span> </h2> <p>从本质上，Webpack是现代JavaScript应用的静态模块打包工具</p> https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/36ce7762/ Fri, 23 May 2025 00:00:00 +0000 https://www.ygang.top/posts/bafd68f1/3233cd21/79502aa8/36ce7762/ <p>nvm（Node Version Manager）是Node.js的版本管理器，可以让我们轻松地在不同的Node.js版本之间进行切换。</p>