前端node.js入门

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)

前端node.js入门_第1张图片

目录

Node.js 入门 

什么是 Node.js?

什么是前端工程化?  

Node.js 为何能执行 JS? 

fs 模块 - 读写文件 

path 模块 - 路径处理

URL 中的端口号 

常见的服务程序 

Node.js 模块化

什么是模块化? 

CommonJS 标准 

ECMAScript 标准 - 默认导出和导入  

包的概念  

npm - 软件包管理器 

npm - 全局软件包 nodemon

Node.js 总结  


Node.js 入门 

什么是 Node.js?

定义:前端node.js入门_第2张图片

作用:使用 Node.js 编写服务器端程序
        编写数据接口,提供网页资源浏览功能等等
        前端工程化 :为后续学习 Vue 和 React 等框架做铺垫

什么是前端工程化?  

前端工程化:开发项目直到上线,过程中集成的所有 工具和技术
Node.js 是前端工程化的基础(因为 Node.js 可以主动读取前端代码内容) 前端node.js入门_第3张图片

Node.js 为何能执行 JS? 

首先:浏览器能执行 JS 代码,依靠的是内核中的 V8 引擎 (C++ 程序)
其次:Node.js 是基于 Chrome V8 引擎进行封装(运行环境)
区别:都支持 ECMAScript 标准语法,Node.js 有独立的 API
注意: Node.js 环境没有 DOM 和 BOM 等 前端node.js入门_第4张图片

fs 模块 - 读写文件 

fs 模块:封装了与本机文件系统进行交互的,方法/属性
语法:
1. 加载 fs 模块对象
2. 写入 文件内容
3. 读取 文件内容
//1.加载fs模块对象
const fs = require('fs')
//2.写入文件内容
fs.writeFile('./test.txt','hello world',(err)=>{
    if(err){
        console.log(err)
    }
    else{
        console.log('写入成功')
    }
})
//3.读取文件内容
fs.readFile('./test.txt',(err,data)=>{
    if(err){
        console.log(err)
    }
    else{
        console.log(data.toString())
    }
})

 终端显示为:                        前端node.js入门_第5张图片

path 模块 - 路径处理

建议:在 Node.js 代码中,使用 绝对路径
补充: __dirname 内置变量(获取当前模块目录-绝对路径)
注意: path.join() 会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起
语法:
1. 加载 path 模块
2. 使用 path.join 方法,拼接路径

URL 中的端口号 

URL: 统一资源定位符,简称网址,用于访问服务器里的资源
端口号:标记服务器里不同功能的 服务程序
端口号范围:0-65535 之间的任意整数
注意:http 协议, 默认 访问 80 端口 前端node.js入门_第6张图片

常见的服务程序 

Web 服务程序 :用于提供网上信息浏览功能
注意:0-1023 和一些特定端口号被占用,我们自己编写服务程序请避开使用 前端node.js入门_第7张图片

Node.js 模块化

什么是模块化? 

定义:

概念:项目是由很多个模块文件组成的
好处:提高代码复用性,按需加载, 独立作用域
使用:需要标准语法 导出 导入 进行使用

CommonJS 标准 

使用:
1. 导出:module.exports = {}
2. 导入:require('模块名或路径') 前端node.js入门_第8张图片

ECMAScript 标准 - 默认导出和导入  

默认标准使用:
1. 导出: export default {}
2. 导入: import 变量名 from '模块名或路径'
注意: Node.js 默认支持 CommonJS 标准语法
如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置
{ "type" : "module" } 前端node.js入门_第9张图片

前端node.js入门_第10张图片

包的概念  

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

包分类:
         项目包:主要用于编写项目和业务逻辑
         软件包: 封装工具和方法 进行使用
要求:根目录中,必须有 package.json 文件(记录包的清单信息)
注意:导入软件包时,引入的默认是 index.js 模块文件 / main 属性指定的模块文件

npm - 软件包管理器 

定义:前端node.js入门_第11张图片

使用:
1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)
2. 下载软件包
npm i 软件包名称
3. 使用软件包

npm - 全局软件包 nodemon

软件包区别:
本地软件包: 当前项目 内使用,封装 属性和方法 ,存在于 node_modules
全局软件包: 本机 所有项目使用,封装 命令和工具 ,存在于系统设置的位置
nodemon 作用:替代 node 命令,检测代码更改,自动重启程序
使用:
1. 安装:npm i nodemon -g(-g 代表安装到全局环境中)
2. 运行:nodemon 待执行的目标 js 文件

Node.js 总结  

Node.js 模块化:
概念:每个文件当做一个模块,独立作用域,按需加载
使用:采用特定的标准语法导出和导入进行使用 前端node.js入门_第12张图片

前端node.js入门_第13张图片

CommonJS 标准:一般应用在 Node.js 项目环境中
ECMAScript 标准:一般应用在前端工程化项目中
Node.js 包:
概念:把模块文件,代码文件,其他资料聚合成一个文件夹
项目包:编写项目需求和 业务逻辑 的文件夹
软件包: 封装工具和方法 进行使用的文件夹(一般使用 npm 管理)
本地软件包:作用在 当前 项目,一般封装的 属性/方法 ,供项目调用编写业务需求
全局软件包:作用在 所有 项目,一般封装的 命令/工具 ,支撑项目运行 前端node.js入门_第14张图片

前端node.js入门_第15张图片

常用命令:  

前端node.js入门_第16张图片

你可能感兴趣的:(#,前端node.js入门,前端,node.js)