前端开发_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 软件包名称
相关推荐
饮浊酒8 小时前
Linux操作系统 ------(3.文本编译器Vim)
linux·vim
理想不理想v8 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
Mortal_hhh10 小时前
VScode的C/C++点击转到定义,不是跳转定义而是跳转声明怎么办?(内附详细做法)
ide·vscode·stm32·编辑器
暮毅12 小时前
10.Node.js连接MongoDb
数据库·mongodb·node.js
~甲壳虫18 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
~甲壳虫18 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫18 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫19 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
电子云与长程纠缠20 小时前
UE5.3中通过编辑器工具创建大纲菜单文件夹
java·ue5·编辑器
lucky九年21 小时前
vscode翻译插件
ide·vscode·编辑器