前端开发_Node.js

Node.js概念

Node.js是一个跨平台JavaScript运行环境,使开发者可以搭建服务器端的JavaScript应用程序

Node.js 是前端工程化的基础(前端工程化:开发项目直到上线,过程中集成的所有工具和技术)

浏览器能执行 JS 代码,依靠的是内核中的 V8 引擎(C++ 程序)

Node.js 是基于 Chrome V8 引擎进行封装(运行环境)

Node.js 环境没有 DOM 和 BOM 等

模块

模块:类似插件,封装了方法/属性

fs

fs 模块:封装了与本机文件系统进行交互的,方法/属性

语法:

  1. 加载fs模块对象

    javascript 复制代码
    const fs = require('fs')	// fs是模块标识符:模块的名字
  2. 写入文件内容

    javascript 复制代码
    fs.writeFile('文件路径','写入内容',err=>{
        //写入后的回调函数
    })
  3. 读取文件内容

    javascript 复制代码
    fs.readFile('文件路径',(err,data)=>{
        //读取后的回调函数
        //data是文件内容Buffer数据流
    })

path

path 模块 - 路径处理

Node.js 代码中,相对路径是根据终端所在路径来查找的

__dirname 内置变量(获取当前模块目录-绝对路径)

path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起

语法:

  1. 加载 path 模块

    javascript 复制代码
    const path = require('path')
  2. 使用 path.join 方法,拼接路径

    javascript 复制代码
    path.join('路径1','路径2',...)

http

http 模块-创建 Web 服务

步骤:

  1. 加载 http 模块,创建 Web 服务对象

  2. 监听 request 请求事件,设置响应头和响应体

  3. 配置端口号并启动 Web 服务

示例:

javascript 复制代码
const http = require('http')
const server = http.createServer()

server.on('request',(req,res)=>{
    //设置响应头:内容类型,普通文本:编码格式为utf-8
    res.setHeader('Content-Type','text/plain;charset=utf-8')
    res.end('您好,欢迎使用 node.js 创建的Web服务')
})

server.listen(3000, ()=> {
    console.log('Web服务已启动')
})

Node.js模块化

概念:项目是由很多个模块文件组成的

好处:提高代码复用性,按需加载,独立作用域

使用:需要标准语法导出和导入进行使用

模块名或路径:

  • 内置模块:直接写名字(例如:fs,path,http)

  • 自定义模块:写模块文件路径(例如:./utils.js)

CommonJS 标准

使用:

  1. 导出:module.exports = {}
  2. 导入:require('模块名或路径')

示例:

javascript 复制代码
//封装求数组总和的函数
const baseURL = 'http://xxx.xxx.com'
const getArraySum = arr => arr.reduce(sum,val) => sum += val, 0)

module.exports = {
    对外属性名1: baseURL,
    对外属性名2: getArraySum
}

Node.js 默认支持 CommonJS 标准语法

ECMAScript 标准

默认标准使用:

  1. 导出:export default {}
  2. 导入:import 变量名 from '模块名或路径'

包:将模块,代码,其他资料聚合成一个文件夹

包分类:

  • 项目包:主要用于编写项目和业务逻辑

  • 软件包:封装工具和方法进行使用

要求:根目录中,必须有 package.json 文件(记录包的清单信息)

注意:导入软件包时,引入的默认是 index.js 模块文件 / main 属性指定的模块文件

npm

npm使用

npm是Node.js标准的软件包管理器

起初作为下载和管理Node.js包依赖的方式,现在也成为前端JavaScript中使用的工具

下载的包都存放在当前项目下的 node_modules 中,并记录在 package.json 中

使用:

  1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)

  2. 下载软件包npm i 软件包名称

  3. 使用软件包 require

项目中必须包含node_modules

npm安装所有依赖:

项目终端输入命令:npm i ,下载 package.json 中记录的所有软件包

软件包

软件包区别:

  • 本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules

  • 全局软件包 nodemon:本机所有项目使用,封装命令和工具,

nodemon 作用:替代 node 命令,检测代码更改,自动重启程序

常用命令

功能 命令
执行js文件 node xxx
初始化package.json npm init -y
下载本地软件包 npm i 软件包名称
下载全局软件包 npm i 软件包名称 -g
删除软件包 npm uni 软件包名称
相关推荐
Misnice2 分钟前
Webpack、Vite、Rsbuild区别
前端·webpack·node.js
徐小夕@趣谈前端2 小时前
拒绝重复造轮子?我们偏偏花365天,用Vue3写了款AI协同的Word编辑器
人工智能·编辑器·word
风一样的航哥2 小时前
标题:从卡顿到流畅:深度剖析 Word 2013 与 Word 2021 处理高清图片文档的性能鸿沟
编辑器
冬奇Lab6 小时前
一天一个开源项目(第14篇):CC Workflow Studio - 可视化AI工作流编辑器,让AI自动化更简单
人工智能·开源·编辑器
承渊政道8 小时前
Linux系统学习【Linux基础开发工具】
linux·运维·笔记·学习·centos·编辑器
学嵌入式的小杨同学17 小时前
【Linux 封神之路】信号编程全解析:从信号基础到 MP3 播放器实战(含核心 API 与避坑指南)
java·linux·c语言·开发语言·vscode·vim·ux
Hello World . .1 天前
Linux:软件编程
linux·运维·服务器·vim
徐小夕@趣谈前端1 天前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
毕设源码-朱学姐1 天前
【开题答辩全过程】以 基于Node.js的书籍分享平台设计与实现为例,包含答辩的问题和答案
node.js
zhanglianzhao1 天前
Win 11 WSL 配置Claude code 并在VsCode中使用
ide·vscode·编辑器·claude·cladue code