Node.js学习笔记
2021/10/28 20:39:35
本文主要是介绍Node.js学习笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
目录
- 前言
- js为什么可以在浏览器中执行?
- js为什么可以操作dom和bom?
- Node.js简介
- Node.js可以做什么?
- Node.js怎么学?
- 常用终端快捷键
- 内置API
- fs文件系统模块
- path路径模块
- http模块
- 模块化
- 什么是模块化?
- 模块化规范
- nodejs中的三大类模块
- 加载模块
- 模块作用域
- module对象
前言
js为什么可以在浏览器中执行?
浏览器通过js解析引擎执行js代码,不同的浏览器使用不同的js引擎。
- chrome => v8
- fireFox => OdinMonkey
- safri => jscore
- ie => Chakra(查克拉)
- …
其中v8引擎性能最好
js为什么可以操作dom和bom?
每个浏览器都内置了dom、bom API,js调用这些api即可操作dom和bom
Node.js简介
nodejs是基于v8引擎的js运行环境,他和浏览器类似,都是js的运行环境,只不过有如下区别:
- 浏览器是js的前端运行环境
- nodejs是js的后端运行环境
- nodejs中无法调用浏览器内置api,如dom,bom。它有其自己的内置api,如fs,http,path
Node.js可以做什么?
node.js作为一个js的运行环境,仅仅提供了基础的功能和api。然而,基于node.js提供的这些基础功能,出现了很多强大的工具和框架:
- express框架,可以快熟构建web应用
- electron框架,可以构建跨平台的桌面应用
Node.js怎么学?
浏览器中的js学习路径:
js基础语法 + 浏览器内置api(dom,bom)+第三方框架(jq,vue,react)
Node.js的学习路径:
ji基础语法 + node.js内置api(fs,path,http) + 第三方模块(express,koa2,mysql)
常用终端快捷键
- tab: 补全路径
- esc: 清空当前输入
- 输入cls: 清空终端
内置API
fs文件系统模块
在js中使用的时候,需要先引入
const fs = require('fs')
-
fs.readFile()
读取指定文件中的内容
fs.readFile(path, format, cb) path: 必选参数,文件路径 format:可选,以什么编码格式来读取文件,比如'utf8' cb:必选,文件读取完毕后的回调,回调的第一个参数是error,第二个参数是文件读取结果。若读取成功,error为null
-
fs.writeFile()
向指定的文件中写入内容,会直接覆盖掉文件里内容
fs.readFile(path, data, format, cb) format: 默认utf8 data: 必选,要写入的内容 cb: 回调,参数error,若写入成功,error为null
-
相对路径会出现的问题
在使用fs操作文件时,如果路径采用的是相对路径,容易出现问题,原因是:node执行js代码的时候,会根据执行node命令时所处的目录,动态拼接出被操作文件的完整路径。
解决方法:
采用绝对路径
__dirname: 代表当前文件所处的目录
path路径模块
使用的时候,同样需要先引入:
const path = require('path')
-
path.join()
将多个路径片段拼接成完整的路径字符串,经常配合__dirname使用。注意’…/'会抵消前面的路径
console.log(path.join('/a', '/b/c', '../', '/d'))//\a\b\d
//当前目录:D:\test path.join(__dirname, 'a')//D:\test\a path.join(__dirname, '/a')//D:\test\a path.join(__dirname, './a')//D:\test\a path.join(__dirname, '../a')//D:\a
-
path.basename()
获取路径中的最后一部分,可以用来获取文件名
path.basename(path, ext) //参数path: 必选,路径 //参数ext:可选,文件扩展名 //返回值: 路径中的最后一部分
path.basename('a/b/index.html')//index.html path.basename('a/b/index.html', '.html')//index path.basename('a/b/index.html/')//index.html path.basename('a/b/index')//index
-
path.extname()
获取文件扩展名
path.extname(path)
path.extname('a/index.html')//.html
http模块
用来创建web服务器。服务器与普通电脑的区别在于,服务器上安装了web服务器软件,例如: IIS,Apache等。
在nodejs中,我们不需要安装第三方服务器软件,通过http模块,几行简单的代码就能实现一个服务器。
同样需要先导入:
const http = require('http')
-
服务器相关概念
-
域名和域名服务器
ip地址和域名是一一对应关系,这份关系映射存放在域名服务器上(DNS)。域名服务器就是提供ip地址和域名之间转换服务的服务器。
-
-
创建最基本的web服务器
-
导入http模块
const http = require('http')
-
创建web服务器实例
const server = http.createServer()
-
为服务器绑定request事件,监听客户端请求
server.on('request', (req, res) => { })
-
req请求对象
它包含了与客户端相关的数据和属性,例如:
-
req.url是客户端请求的url地址
-
req.method是请求类型
-
-
res响应对象
它包含了与服务器相关的数据和属性,例如:
- res.end(str),像客户端发送指定的内容,并结束此次请求处理过程
-
解决中文乱码问题
当调用res.end()方法,向客户端发送中文内容时,会出现乱码问题,此时需要手动设置编码格式:
- res.setHeader(‘Content-type’, ‘text/html; charset=utf-8’)
-
-
启动服务器
server.listen(80, () =>{ })
-
-
根据不同的url做出不同的响应
server.on('request', (req, res) =>{ const url = req.url let content = '<h1>404 Not found!</h1>' if(url === '/' || url === '/index.html') { content = '<h1>首页</h1>' } else if(url === '/about.html') { content = '<h1>关于页面</h1>' } res.setHeader('Content-type', 'text/html; charset=utf-8') res.end(content) })
模块化
什么是模块化?
模块化就是遵守特定的规则,将一个大的系统或者说是文件,拆分成多个独立并且相互依赖的小模块。
模块化的好处是:
- 提高了代码的复用性
- 提高了代码的可维护性
- 可以实现按需加载
模块化规范
模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的特定规则。例如:
- 使用什么样的语法格式来引用模块
- 使用什么样的始发格式向外暴露成员
nodejs中的三大类模块
nodejs中根据模块来源的不同,分为三大类:
- 内置模块:fs文件系统模块,path路径模块,http模块等
- 自定义模块:用户创建的每个js文件,都是自定义模块
- 第三方模块:使用前需要先下载
加载模块
上面说的三类模块,都采用require()方法进行加载。需要注意的是,使用require加载模块时,会执行被加载模块中的代码。另外,可以省略.js后缀名
模块作用域
和函数作用域类似,在模块中定义的变量、方法等成员,只能在模块内部访问,这种模块级别的限制,叫做模块作用域。
module对象
每个nodejs模块中都有一个module对象,它里面存储了当前模块的相关信息,打印如下:
可以使用module.exports对象,将模块内的成员暴露出去,供外界使用。
外界用require()方法导入时,得到的其实就是module.exports所指向的对象。
这篇关于Node.js学习笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程