一、浏览器中的 JavaScript
1. 组成部分
- JS核心语法
- 变量、数据类型
- 循环、分支、判断
- 函数、作用域
- …
- WebAPI
DOM操作BOM操作- 基于
XMLHttpRequest的Ajax操作 - …
2.为什么 JavaScript 可以在浏览器中被执行
因为浏览器中有 JavaScript解析引擎，解析引擎会解析代码并执行，其中Chrome浏览器的 V8 解析引擎性能最好！
| 浏览器 | 引擎 |
|---|---|
| Chrome | V8 |
| FireFox | OdinMonkey（奥丁猴） |
| Safri | JSCore |
| IE | Chakra（查克拉） |
3. 为什么 JavaScript 可以操作 DOM 和 BOM
每个浏览器都内置了 DOM、BOM 这样的API，因此，浏览器中的 JavaScript 才可以调用它们
4. 浏览器中的 JavaScript 运行环境
运行环境 是指代码正常运行所需的你要环境，浏览器是 JavaScript 的前端运行环境，以 Chrome 浏览器举例如下
- V8 引擎负责解析和执行
JavaScript代码 - 内置 API 是由运行环境提供的特殊接口，只能在所属的运行环境中被调用
二、初识 Node
1. 什么是 Node.js
Node.js 是一个基于 Chrome V8引擎的服务端 JavaScript运行环境
2. Node.js 中的 JavaScript 运行环境
Node.js 是 JavaScript 的后端运行环境，无法调用 DOM、BOM 等其他浏览器内置的API，Node.js 内置了 fs 文件系统模块、path、http 等
3. Node.js 可以做什么？
Node.js 作为一个 JavaScript 的运行环境，仅仅提供了基础的功能和 API。然而，基于 Node.js 提供的这些基础能，很多强大
的工具和框架如雨后春笋，层出不穷
- 基于 Express框架 可以快速构建 Web 应用
- 基于 Electron框架 可以构建跨平台的桌面应用
- 基于 restify框架 可以快速构建 API 接口项目
- 读写和操作数据库、创建实用的命令行工具辅助前端开发
- …
4.Node.js 怎么学？
- JavaScript 基础语法
- Node.js 内置的 API 模块（
fs、path、http等） - 第三方 API 模块（
express、mysql等）
三、fs 文件系统模块
- fs 模块中所有的操作都有两种形式可供选择：同步和异步
- 同步文件系统会阻塞程序的执行，也就是除非操作完毕，否则不会向下执行代码
- 异步文件系统不会阻塞程序的执行，而是在操作完成时，通过回调函数将结果返回
1. 读取文件
语法
fs.readFile(path[, options], callback)
path：文件路径options：配置选项，若为字符串则指编码格式，例如utf8、utf-8encoding：编码格式，默认为nullflag：文件描述符，默认为'r'
callback：回调函数err：错误信息，成功返回null，失败返回错误信息data：读取的数据，如果未指定编码格式则返回一个Buffer
文件描述符：
| 模式 | 说明 |
|---|---|
| r | 读取文件，文件不存在抛异常 |
| r+ | 读写文件，文件不存在抛异常 |
| rs | 同步模式下打开文件用于读取 |
| rs+ | 同步模式下打开文件用于读写 |
| w | 写文件，不存在则创建，存在则覆盖原有内容 |
| wx | 写文件，文件存在打开失败 |
| w+ | 读写文件，不存在创建，存在截断 |
| wx+ | 读写，存在打开失败 |
| a | 追加，不存在创建 |
| ax | 追加，存在失败 |
| a+ | 追加和读取，不存在创建 |
| ax+ | 追加和读取，存在失败 |
const fs = require('fs')
fs.readFile('./index.html', 'utf-8',(err, data) => {
if (err) {
return console.log('读取文件失败', err)
}
console.log(data)
})
2. 写入文件
写入数据到文件，如果文件已经存在，则替代文件（也就是说会自动创建文件，但不会自动创建目录）
语法
fs.writeFile(file, data[, options], callback)
file：文件路径data：写入内容，可以是一个字符串或一个bufferoptions：配置选项，若为字符串则指编码格式，例如utf8、utf-8encoding：编码格式，默认为'utf8'mode默认为0o666flag：文件描述符，默认为'w'
callback：回调函数err：错误信息，成功返回null，失败返回错误信息
const fs = require('fs')
fs.writeFile('./test.txt', '写入的内容', err => {
if (err) {
return console.log('写入文件失败', err)
}
console.log('写入文件成功')
})
3. 路径动态拼接问题 __dirname
- 在使用 fs 模块操作文件时，如果提供的操作路径是以
./或../开头的相对路径时，容易出现路径动态拼接错误的问题 - 原因：代码在运行的时候，会以执行 node 命令时所处的目录（运行目录），动态拼接出被操作文件的完整路径
- 解决方案：在使用 fs 模块操作文件时，直接提供完整的路径，从而防止路径动态拼接的问题
__dirname是内置的，表示当前文件所在目录的绝对路径
// 不建议手动拼接路径，应使用内置的 `path` 路径模块，具体看下文
fs.readFile(__dirname + '/test.txt', (err, data) {
...
})
四、path 路径模块
path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。
1. path.join()
把全部给定的 path 片段连接到一起，并规范化生成的路径。若任意一个路径片段类型错误则会报错。
-
./会被忽略console.log(path.join('a', './index.html')) // windows下会输出：a\index.html -
../会抵消前面的路径，因为../代表上级目录，所以c目录会被抵消掉console.log(path.join('a', 'b/c', '..', './index.html')) // windows下会输出：a\b\index.html
2. path.basename()
获取路径中的文件名
path.basename(path[, ext])
path: 文件路径ext: （可选）文件扩展名，如果传入的文件扩展名和路径中的文件扩展名不匹配（或者为空），则会返回带后缀的文件名，否则返回不带后缀的文件名
const fileName = path.basename('a/b/c/index.html', '.html')
console.log(fileName)
// 输出：index
const fileName = path.basename('a/b/c/index.html')
console.log(fileName)
// 输出：index.html
const fileName = path.basename('a/b/c/index.html', '.abc')
console.log(fileName)
// 输出：index.html
3. path.extname()
获取路径中的文件扩展名
const fileName = path.extname('a/b/c/index.html')
console.log(fileName)
// 输出：.html
五、http 模块
http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。
1. 相关概念
1.1. 什么是客户端、服务器？
- 在网络节点中，负责消费资源的电脑，叫做客户端；负责对外提供网络资源的电脑，叫做服务器。
- 服务器和普通电脑的区别在于，服务器上安装了 web 服务器软件，例如：IIS、Apache 等。通过安装这些服务器软件，
就能把一台普通的电脑变成一台 web 服务器 - 在
Node.js中，我们不需要使用 IIS、Apache 等这些第三方 web 服务器软件。因为我们可以基于 Node.js 提供的
http 模块，通过几行简单的代码，就能轻松的手写一个服务器软件，从而对外提供 web 服务。
1.2. IP 地址？
- IP 地址就是互联网上每台计算机的唯一地址，因此 IP 地址具有唯一性。如果把“个人电脑”比作“一台电话”，那么“IP地
址”就相当于“电话号码”，只有在知道对方 IP 地址的前提下，才能与对应的电脑之间进行数据通信。 - IP 地址的格式：通常用“点分十进制”表示成（a.b.c.d）的形式，其中，a,b,c,d 都是 0~255 之间的十进制整数。例如：用
点分十进表示的 IP地址（192.168.1.1） - 互联网中每台 Web 服务器，都有自己的 IP 地址，例如：大家可以在 Windows 的终端中运行
ping www.baidu.com命
令，即可查看到百度服务器的 IP 地址。 - 在开发期间，自己的电脑既是一台服务器，也是一个客户端，为了方便测试，可以在自己的浏览器中输入 127.0.0.1 这个
IP 地址，就能把自己的电脑当做一台服务器进行访问了。
1.3. 域名和域名服务器
- 尽管 IP 地址能够唯一地标记网络上的计算机，但IP地址是一长串数字，不直观，而且不便于记忆，于是人们又发明了另一套
字符型的地址方案，即所谓的域名（Domain Name）地址。 - IP地址和域名是 一一对应的关系，这份对应关系存放在一种叫做 域名服务器 (DNS，Domain name server)的电脑中。使用者只需通过好记的域名访问对应的服务器即可，对应的转换工作由域名服务器实现。因此，域名服务器就是提供 IP 地址和域名之间的转换服务的服务器
127.0.0.1对应的域名是localhost，它们都代表我们自己的这台电脑，在使用效果上没有任何区别，只能在自己电脑上使用
1.4. 端口号
- 计算机中的端口号，就好像是现实生活中的门牌号一样。通过门牌号，外卖小哥可以在整栋大楼众多的房间中，准确把外卖
送到你的手中。 - 同样的道理，在一台电脑中，可以运行成百上千个 web 服务。每个 web 服务都对应一个唯一的端口号。客户端发送过来的
网络请求，通过端口号，可以被准确地交给对应的 web 服务进行处理。 - 每个端口号不能同时被多个 web 服务占用。
- 在实际应用中，URL 中的 80 端口可以被省略。
2. 创建 web 服务器的基本步骤
- 导入 http 模块
- 创建 web 服务器实例
- 为服务器实例绑定 request 事件，监听客户端的请求
- 启动服务器
// 1. 导入 http 模块
const http = require('http')
// 2. 创建 web 服务器实例
const server = http.createServer()
// 3. 为服务器实例绑定 request 事件，监听客户端的请求
server.on('request', (req, res) => {
console.log(`当前是 ${req.method} 请求`)
res.setHeader('Content-Type', 'text/html; charset=utf-8')
res.end('响应的内容')
})
// 4. 启动服务器
server.listen(80, () => {
console.log('监听到 80 端口')
})
3. 动态响应内容
const fs = require('fs')
const path = require('path')
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
if (req.method === 'GET') {
res.setHeader('Content-Type', 'text/html; charset=utf-8')
if (['/', '/index.html'].indexOf(req.url) > -1) {
fs.readFile(path.join(__dirname, './front/index.html'), 'utf8', (err, data) => {
res.end(data)
})
} else if (req.url === '/about.html') {
fs.readFile(path.join(__dirname, './front/about.html'), 'utf8', (err, data) => {
res.end(data)
})
} else {
res.end('<h1>404 Not Found!</h1>')
}
} else if (req.method === 'POST') {
res.setHeader('Content-Type', 'application/json; charset=utf-8')
res.end(JSON.stringify({
code: 0,
msg: '操作成功',
data: [
{
id: 1,
name: '张三'
},
{
id: 2,
name: '李四'
}
]
}))
}
})
server.listen(80, () => {
console.log('监听到 80 端口')
})
479
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
