一 Node.js与内置模块(fs, path,http)
1 Node介绍
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 的官网地址: https://nodejs.org/zh-cn/
Node.js 可以做什么
Node.js 作为一个 JavaScript 的运行环境,仅仅提供了基础的功能和 API。然而,基于 Node.js 提供的这些基础能,很多强大
的工具和框架如雨后春笋,层出不穷,所以学会了 Node.js ,可以让前端程序员胜任更多的工作和岗位:
① 基于 Express 框架(http://www.expressjs.com.cn/),可以快速构建 Web 应用
② 基于 Electron 框架(https://electronjs.org/),可以构建跨平台的桌面应用
③ 基于 restify 框架(http://restify.com/),可以快速构建 API 接口项目
④ 读写和操作数据库、创建实用的命令行工具辅助前端开发、etc…
2 fs 文件系统模块 fs.readfile() && fs.writeFile()
2.1 fs.readFile() 的语法格式
fs.readFile(path[options],callback
eg:
2.2 fs.writeFile() 的语法格式
2.3 案例:考试成绩整理
const fs = require('fs')
fs.readFile('./成绩.txt', 'utf8', function(err, dataStr) {
if (err) {
return console.log('读取文件失败' + err.message);
}
/* 成绩数据处理 */
//1 转换成字符串
var oldArr = dataStr.split(' ')
//2.替换= 添加到新数组
var newArr = []
oldArr.forEach(function(item, index) {
newArr.push(item.replace('=', ':'))
})
console.log(newArr);
//3转换为字符串
var newStr = newArr.join('\r\n')
console.log(newStr);
fs.writeFile('./newtest.txt', newStr, function(err) {
if (err) {
return console.log('写入失败' + err.message);
}
console.log('写入成功');
})
})
2.4 fs 模块 - 路径动态拼接的问题(__dirname)
3 path 路径模块
path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。
3.1 路径拼接 path.join() 的语法格式
3.2 获取路径中的文件名 path.basename()
使用 path.basename() 方法,可以获取路径中的最后一部分,经常通过这个方法获取路径中的文件名,语法格式如下:
3.3, 获取路径中的文件扩展名 path.extname()
eg:
3.4 时钟案例
const fs = require('fs')
const path = require('path')
//<style></style> 标签的正则
const regStyle = / <style>[\s\S]*<\/style>/
const regScript = / <script>[\s\S]*<\/script>/
//读取文件
fs.readFile(path.join(__dirname, '../index.html'), 'utf8', (err, dataStr) => {
if (err) {
return console.log('读取文件失败' + err.massage);
}
//调取3个文件分类的方法
resolveCSS(dataStr)
resoloveJs(dataStr)
resoloveHtml(dataStr)
})
function resolveCSS(htmlStr) {
//提取样式字符串
const r1 = regStyle.exec(htmlStr);
const newCSS = r1[0].replace('<style>', '').replace('</style>', '')
//将提取的css样式,写入ingex.css
fs.writeFile(path.join(__dirname, './index.css'), newCSS, function(err) {
if (err) {
return console.log('写入CSS失败' + err.message);
}
console.log("写入CSS成功");
})
}
function resoloveJs(htmlStr) {
//提取样式字符串
const r2 = regScript.exec(htmlStr);
const newCSS = r2[0].replace('<script>', '').replace('</script>', '')
//将提取的css样式,写入ingex.css
fs.writeFile(path.join(__dirname, './index.js'), newCSS, function(err) {
if (err) {
return console.log('写入JS失败' + err.message);
}
console.log("写入js成功");
})
}
function resoloveHtml(htmlStr) {
//提取样式字符串
const newHtml = htmlStr.replace(regStyle, '<link rel="stylesheet" href="./index.css">').replace(regScript, '<script src="./index.js"></script>')
console.log(newHtml);
//将提取的css样式,写入ingex.css
fs.writeFile(path.join(__dirname, './index.html'), newHtml, function(err) {
if (err) {
return console.log('写入html失败' + err.message);
}
console.log("写入html成功");
})
}
4 http 模块
http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法,就能方便的把一台普通的电脑,变成一台 Web 服务器,从而对外提供 Web 资源服务。
4 .1 服务器相关概念
4 .2 创建服务器代码示例
//1. 导入 http 模块
const http = require('http')
//2.创建 web 服务器实例
const server = http.createServer()
//3. 绑定request事件监听客户端发送过来的网络请求:
server.on('request', (req, res) => {
console.log(req.url, req.method);
//客户端请求时触发函数
let url = req.url;
let content = "<h1>404</h1>"
//解决中文乱码问题
res.setHeader('Content-Type', 'text/html; charset=utf-8')
//向请求返回数据
if (url == '/' || url == '/index.html') {
content = "<h1>首页</h1>"
} else if (
url == '/about.html'
) {
content = "<h1>关于</h1>"
}
res.end(content)
})
server.listen(80, () => {
console.log('http server runing at http://127.0.0.1');
})
二 Node.js 中模块化模块化
2.1加载模块 require()
2.2 Node.js 中的模块作用域 (防止了全局变量污染的问题)
2.3 向外共享模块作用域中的成员 module.exports
由于 module.exports 单词写起来比较复杂,为了简化向外共享成员的代码,Node 提供了 exports 对象。默认情况
下,exports 和 module.exports 指向同一个对象
2.4 Node.js 中的模块化规范
Node.js 遵循了 CommonJS 模块化规范,CommonJS 规定了模块的特性和各模块之间如何相互依赖。
CommonJS 规定:
① 每个模块内部,module 变量代表当前模块。
② module 变量是一个对象,它的 exports 属性(即 module.exports)是对外的接口。
③ 加载某个模块,其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。