Node.js基础

一 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() 方法用于加载模块。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值