为什么 JavaScript 可以操作 DOM 和 BOM?
每个浏览器都内置了DOM, BOM这样的API函数, 因此, 浏览器中的JavaScript才可以调用它们。
浏览器中的 JavaScript 运行环境 运行环境是指代码正常运行所需的必要环境。
1. V8引擎负责解析和执行JavaScript代码
2. 内置API是由运行环境提供的特殊接口, 只能在所属的运行环境中调用
什么是 Node.js?
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 。
在 Node.js 环境中执行 JavaScript 代码:
- 打开终端
- 输入 node 要执行的 js 文件的路径
#1. 终端中的快捷键
在 Windows 的 powershell 或 cmd 终端中,我们可以通过如下快捷键,来提高终端的操作效率:
- 使用 ↑ 键,可以快速定位到上一次执行的命令
- 使用 tab 键,能够快速补全路径
- 使用 esc 键,能够快速清空当前已输入的命令
- 输入 cls 命令,可以清空终端
- cd 切换目录
- dir 查看当前目录列表
#2.1 fs 文件系统模块
fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。 例如:
- fs.readFile() 方法,用来读取指定文件中的内容
- fs.writeFile() 方法,用来向指定的文件中写入内容 如果要在 JavaScript 代码中,使用 fs 模块来操作文件,则需要使用如下的方式先导入它:
-
cons fs = require('fs')
2.2.2 读取指定文件中的内容
#1. fs.readFile() 的语法格式
使用 fs.readFile() 方法,可以读取指定文件中的内容,语法格式如下:
fs.readFile(path, [options], callback);
参数解读:
- 参数 1:必选参数,字符串,表示文件的路径。
- 参数 2:可选参数,表示以什么编码格式来读取文件。
- 参数 3:必选参数,文件读取完成后,通过回调函数拿到读取的结果。
2.3.1 向指定的文件中写入内容
#1. fs.writeFile() 的语法格式
使用 fs.writeFile() 方法,可以向指定的文件中写入内容,语法格式如下: 参数解读:
- 参数 1:必选参数,需要指定一个文件路径的字符串,表示文件的存放路径。
- 参数 2:必选参数,表示要写入的内容。
- 参数 3:可选参数,表示以什么格式写入文件内容,默认值是 utf8。
- 参数 4:选参数,文件写入完成后的回调函数。
3.1 path 路径模块
#3.1.1 什么是 path 路径模块
path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理 需求。 例如:
- path.join() 方法,用来将多个路径片段拼接成一个完整的路径字符串
- path.basename() 方法,用来从路径字符串中,将文件名解析出来 如果要在 JavaScript 代码中,使用 path 模块来处理路径,则需要使用如下的方式先导入它:
<span style="background-color:#282c34"><span style="color:#2c3e50"><span style="color:#cccccc"><code><span style="color:#cc99cd">const</span> path <span style="color:#67cdcc">=</span> <span style="color:#f08d49">require</span><span style="color:#cccccc">(</span><span style="color:#7ec699">"path"</span><span style="color:#cccccc">)</span><span style="color:#cccccc">;</span>
</code></span></span></span>
1
#3.2.1 路径拼接
- path.join() 的语法格式 使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串,语法格式如下:
<span style="background-color:#282c34"><span style="color:#2c3e50"><span style="color:#cccccc"><code>path<span style="color:#cccccc">.</span><span style="color:#f08d49">join</span><span style="color:#cccccc">(</span><span style="color:#cccccc">[</span><span style="color:#67cdcc">...</span>paths<span style="color:#cccccc">]</span><span style="color:#cccccc">)</span><span style="color:#cccccc">;</span>
</code></span></span></span>
1
参数解读:
- paths <string> 路径片段的序列
- 返回值: <string>
- path.join() 的代码示例
使用 path.join() 方法,可以把多个路径片段拼接为完整的路径字符串:
const pathStr = path.join("/a", "/b/c/", "../", "./d", "e");
console.log(pathStr); // 输出 \a\b\d\e
const pathStr2 = path.join(__dirname, "/files/1.txt");
console.log(pathStr2); // 输出 当前文件所处目录 \files\1.txt
注意: 今后凡是涉及到路径拼接的操作,都要使用 path.join()方法进行护理,不要直接使用 + 进行字符串的拼接
3.3.1 获取路径中的文件名
使用 path.basename() 方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名,语法格式如下:
path.basename(path[,ext])
- path <string> 必选参数,表示一个路径的字符串
- ext <string> 可选参数,表示文件扩展名
- 返回: <string> 表示路径中的最后一部分
3.4.1 获取路径中的文件扩展名
- path.extname() 的语法格式 使用 path.extname() 方法,可以获取路径中的扩展名部分,语法格式如下: 参数解读:
- path <string>必选参数,表示一个路径的字符串
- 返回: <string> 返回得到的扩展名字符串
- path.extname() 的代码示例 使用 path.extname() 方法,可以获取路径中的扩展名部分:
const fpath = "/a/b/c/index.html"; // 路径字符串
const fext = path.extname(fpath);
console.log(fext); // 输出 .html
4.1 http 模块
#4.1.1 什么是 http 模块
回顾:什么是客户端、什么是服务器?
在网络节点中,负责消费资源的电脑,叫做客户端;
负责对外提供网络资源的电脑,叫做服务器。
http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法,就 能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务。
如果要希望使用 http 模块创建 Web 服务器,则需要先导入它:
const http = require("http");
4.4.1 创建最基本的 web 服务器
#1. 创建 web 服务器的基本步骤
① 导入 http 模块
② 创建 web 服务器实例
③ 为服务器实例绑定 request 事件,监听客户端的请求
④ 启动服务器