前端开发_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 软件包名称
相关推荐
用户61227166502429 分钟前
电费 9 毛/天:我让一台 9 年前的旧 MacBook 替我上班,它比入门云服务器还能打
node.js
PegasusYu1 小时前
Node.js使用nedb轻量级数据库测试脚本
数据库·electron·node.js·脚本·测试·轻量级·nedb
WebInfra3 小时前
Rsdoctor 2.0 发布:Agent 驱动的全自动优化工具
前端·javascript·node.js
DevUp17 小时前
标着 JavaScript 的 Wiki 与知识库:既不是 CMS 也不是 SSG(番外三)
javascript·node.js·cms
毕业设计70318 小时前
(免费领源码)基于node的学生公寓管理系统06412- java、PHP、python、C#、小程序、大数据、单片机、网络工程等)
vue.js·mysql·node.js·maven·mybatis·express·b/s
不爱吃鱼的蔓热莓18 小时前
释放VSCode插件占用系统盘垃圾
ide·vscode·编辑器
易知微EasyV数据可视化1 天前
会插卡片的编辑器:在 Agent 输入框里混排文字与结构化内容
人工智能·经验分享·编辑器·agent·设计
打工仔折腾 AI1 天前
SQL 编辑器不是高级记事本:KStudio 与 KSQL Developer 的建表与增删改查手法
数据库·人工智能·后端·python·sql·编辑器·ai agent 实战
志尊宝1 天前
AI原生前端开发(001):Cursor编辑器深度使用从入门到精通
前端·编辑器·ai-native
martindelophy1 天前
开源 AI 视频编辑器实战:用结构化命令连接视频生成、对话剪辑与浏览器导出
人工智能·编辑器·音视频