Node.js入门笔记(包含源代码)以及详细解析

Node.js 入门笔记源码

01、如何在终端中执行js 文件

  • 目标:将下面的代码语句在中断中执行

    • 代码演示:
`console.log('Hello World')for (let i = 0;i < 3;i++) {console.log(6)}`
  • 方法:在文件上右击打开在终端中执行,然后输入node空格 输入需要执行的文件名字
02、基于 fs 模块读写文件内容
  • 目标:使用fs模代码操作文件在终端中的读写操作

  • + 1、加载 fs 模块对象

    • 2、写入文件内容-----》writeFile文件中没有文件会自动帮我们创建
    • 3、读取文件
    • 代码演示:

@@

// 1、加载 fs 模块对象
const fs = require('fs')// 2、写入文件内容// 2.1:test.txt为文件路径名字// 2.2:写入的内容// 2.3:回调函数,返回错误打印出来, 否则成功
fs.writeFile('test.txt','Hello World',(err) => {if(err) console.log(err)else console.log('写入成功')
})// 3、读取文件
fs.readFile('test.txt',(err,data) => {if (err) console.log(err)// else console.log(data)      //<Buffer 48 65 6c 6c 6f 20 57 6f 72 6c 64>else console.log(data.toString())  //toString() 转为字符串形式
})
  • 执行结果为:

    写入成功
    Hello World

03、path模块-路径问题

问题: Node.js代码中,相对路径是根据终端所在路径在查找的,可能无法找到你想要的文件

  • 因此,建议在Node.js代码中,使用绝对路径(也就是需要在终端执行的代码内容)

  • __dirname 内置变量 (动态获取当前模块目录-绝对路径

    **path.join()**会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起

语法:1.加载path模块

​ 2.使用path.join(__dirname, 目标文件的路径)方法,拼接路径

  • 代码演示
  • 错误例子
//1、 引入 fs 模块  通过终端读取文件内容
// const fs = require('fs')
// fs.readFile('test.txt',(err,data) => {
//     if (err) console.log(err)
//     else console.log(data.toString())  //执行成功,将十六进制转换为字符串形式返回结果
// })
// 这里使用相对路径就发生报错error
  • 正确示例
  • path.join()方法里面,第一个参数就是__dirname 当前所在文件的文件夹地址(终端的位置) ,第二个就是目标文件的路径
// 2、解决方式:只有采用绝对路径// 1、引入 fs 模块const fs = require('fs')// 2、引入 path 模块对象const path = require('path')// 3、调用path.join()方法  配合 __dirname  组成目标文件的绝对路径console.log(__dirname)fs.readFile(path.join(__dirname,'../test.txt'),(err,data) => {if (err) console.log(err)else console.log(data.toString())})
04、基于node.js 压缩前端文件
  • 目标:把回车符(\r) 和 换行符(\n)去掉后,写入到新html文件中。

实现方法:

  1. 读取源html文件内容

    • 源html文件 === (public文件夹下面的index.html文件) 未经过压缩的源代码
  2. 正则替换字符串

  3. 写入到新的html文件中

    • 新的html文件 === (dist文件夹下面的index.html文件) 经过node使用正则压缩后的代码
// 读取public文件夹里面的前端源代码
// 1.引入读取模块fs
const fs = require('fs')
// 2.拼接路径获取绝对路径
const path = require('path')
// 3、 __dirname当前文件夹所在的地址   进行查找文件
fs.readFile(path.join(__dirname,'public/index.html'),(err,data) => {if (err) console.log(err)else {// 4、将返回的内容转为字符串显示const htmlStr = data.toString()// 5、进行字符串替换 正则查找全局// replace()是一个字符串方法,用于将指定的字符或子串替换为新的字符或子串。const resultStr = htmlStr.replace(/[\r\n]/g,'')console.log(resultStr)// 6、写入到新的  html 文件中fs.writeFile(path.join(__dirname,'dist/index.html'),resultStr,err => {})   //writeFile文件中没有文件会自动帮我们创建if (err) console.log(err)else {console.log('写入成功')}}
})
05、URL中的端口号

1.URL:简称网址,用于访问服务器里的资源

2. http://hmajax.itheima.net:80/api/province ==> 这里面:80就是 端口号

3.端口号范围:0~65535之间的任意整数 端口号默认为:80(注意1023之前的端口号是特定的被系统占用不可使用)

06、http模块-创建Web服务
  • 实现步骤:

    1、加载http模块,创建Web服务对象

    2、监听require请求事件,设置响应头和响应体

    3、配置端口号并启动Web服务

    4、浏览器请求 http://localhost:3000则是我们的创建的web服务对象

  • 代码示例
// 1、加载http模块,创建Web服务对象
const http = require('http')
const server = http.createServer()//调用http里面的方法
// 2、监听require请求事件,设置响应头和响应体
server.on('request',(req,res) => {// 设置响应头-内容类型-普通文本以及中文编码格式res.setHeader('Content-Type','text/plain;charset=utf-8')  //这里都是固定的内容类型// 设置响应体内容,结束本次请求与相应res.end('欢迎使用 Node.js 和 http 模块创建的 Web服务')
})// 3、配置端口号并启动Web服务
server.listen(3000,() => {console.log('Web 服务启动成功了')
})
  • 代码详细说明

    • 这段代码是使用Node.js的http模块创建一个简单的Web服务,以下是对代码的逐行解释:

      1. 第一行代码const http = require('http'),加载了Node.js的http模块,并将其赋值给变量http,以便后续使用该模块提供的功能。
      2. 第二行代码const server = http.createServer(),调用http模块中的createServer()方法创建一个HTTP服务器对象,并将其赋值给变量server。此时的服务器对象还没有进行具体的请求处理配置。
      3. 第四行代码server.on('request', (req, res) => { ... }),通过server对象的on方法监听request事件,该事件会在有客户端请求到达服务器时触发。回调函数接收两个参数:req表示请求对象,res表示响应对象。
      4. 在回调函数中,通过res.setHeader('Content-Type', 'text/plain;charset=utf-8')设置响应头,将内容类型设为普通文本以及中文编码格式。
      5. 接着,通过res.end('欢迎使用 Node.js 和 http 模块创建的 Web服务')设置响应体内容,并结束本次请求与相应。
      6. 最后一行代码server.listen(3000, () => { ... }),通过server对象的listen方法配置服务器监听的端口号为3000,并启动Web服务。当服务器成功启动后,回调函数会被执行,输出一条信息表示服务器启动成功。

      综上,这段代码创建了一个简单的Web服务,监听在本地主机的3000端口上。当有请求到达时,会返回固定的欢迎消息。你可以通过访问http://localhost:3000来查看Web服务的响应。

07、基于Web服务,开发提供网页资源的功能

基于Web服务,开发提供网页资源的功能

    • 目标:基于 Web 服务,开发提供网页资源的功能
    • 步骤:
      1. 基于 http 模块,创建 Web 服务
      1. 使用 req.url 获取请求资源路径,并读取 index.html 里字符串内容返回给请求方
      1. 其他路径,暂时返回不存在提示
      1. 运行 Web 服务,用浏览器发起请求
  • 代码示例
// 1. 基于 http 模块,创建 Web 服务
const fs = require('fs')
const path = require('path')
const http = require('http')
const server = http.createServer()
server.on('request',(req,res) => {      //req为代表客户端发送的HTTP请求对象。res为代表服务端发送的HTTP响应对象// 2、使用 req.url 获取请求资源路径,并读取 index.html 里字符串内容返回给请求方if (req.url === '/index.html')  {fs.readFile(path.join(__dirname,'dist/index.html'),(err,data) => {if (err) console.log(err)else {// 设置响应内容的类型为html超文本字符串 ,让浏览器解析成标签网页等res.setHeader('Content-Type','text/html;charset=utf-8')res.end(data.toString())}})} else {// 3. 其他路径,暂时返回不存在提示res.setHeader('Content-Type','text/html;charset=utf-8')res.end('你要访问的资源路径不存在')}})
server.listen(8080,() => {console.log('Web 服务启动成功')
})

代码解析

  • 这段代码的详细原理如下:

    1. 首先,引入了httpfspath模块,并通过http.createServer()创建了一个HTTP服务器对象,并将其赋值给server变量。同时,使用server.on('request', (req, res) => { ... })监听request事件,传入回调函数处理请求。
    2. 在回调函数中,首先通过req.url获取到客户端请求的资源路径。如果资源路径为/index.html,则进入条件判断块。
    3. 在条件判断块中,使用fs.readFile()方法读取指定路径下的index.html文件内容。其中,通过path.join(__dirname, 'dist/index.html')构建出index.html的完整路径。在回调函数中,判断是否有读取错误,若有错误则输出错误信息;若没有错误,则设置响应头的Content-Typetext/html;charset=utf-8,表示响应内容类型为HTML文档,然后通过res.end(data.toString())将读取到的文件内容作为响应体发送给客户端。
    4. 如果资源路径不是/index.html,则执行默认的else分支,设置响应头的Content-Typetext/html;charset=utf-8,并通过res.end('你要访问的资源路径不存在')返回一个提示消息给客户端。
    5. 最后,通过server.listen(8080, () => { ... })配置服务器监听的端口号为8080,并在服务器成功启动后输出一条提示信息。

    总结来说,这段代码创建了一个简单的HTTP服务器,当客户端请求的资源路径为/index.html时,会读取指定路径下的index.html文件内容并返回给客户端,否则返回一个资源不存在的提示消息。通过监听request事件和处理回调函数,实现了对不同请求路径的处理和响应。最后,通过server.listen()方法指定监听的端口号,并在服务器成功启动后输出启动成功的提示信息。

  • 关于request监听函数中的req和res的详细解释

    • 在Node.js的http模块中,reqres是通常用于表示HTTP请求对象和HTTP响应对象的变量名。

      • req(或者常见的缩写)是request的缩写,代表客户端发送的HTTP请求对象。它包含了与请求相关的各种信息,如请求方法、URL、请求头、请求参数等。通过req对象,我们可以获取和解析客户端发送的请求数据,以便在服务器端进行处理和响应。
      • res(或者常见的缩写)是response的缩写,代表服务端发送的HTTP响应对象。它用于设置和发送服务端的响应给客户端。通过res对象,我们可以设置响应的状态码、响应头、响应体内容等。最终,将响应发送给客户端,完成HTTP请求-响应周期。

      在HTTP请求过程中,客户端发送请求给服务器,服务器接收到请求后创建一个req对象来表示该请求。然后,服务器处理请求并生成相应的内容,将其存放在一个res对象中,并通过网络将res对象发送给客户端。

      所以,reqres分别代表了客户端发送的HTTP请求对象和服务端返回的HTTP响应对象,在开发Web应用时,我们可以使用这两个对象来实现对请求的处理和对响应的配置。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/17249.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

关于Python 的 Web 自动化测试的实践

Web 测试是软件测试中比较重要的一个分支&#xff0c;而要实现 Web 自动化测试则要求测试人员能熟练掌握自动化测试工具和编程语言。介绍免费开源的 Web 测试工具 Selenium&#xff0c;以及流行的编程语言 Python。根据自动化测试的原理&#xff0c;对网页元素的常用定位方式&a…

ES6 - Iterator迭代器和for...of 循环

文章目录 前言一、Iterator介绍二、Iterator原理三、实现Iterator接口的原生对象有五、默认调用 Iterator 接口的场合六&#xff0c;for... of 循环七&#xff0c;总结 前言 JavaScript 原有的表示“集合”的数据结构&#xff0c;主要是数组&#xff08;Array&#xff09;和对…

若依框架实现后端防止用户重复点击

若依框架实现后端防止用户重复点击 基于自定义注解、切面、Redis实现 1. 添加自定义注解&#xff1a; 代码放置位置&#xff1a;com/ruoyi/common/annotation/RepeatClick.java time: 时间默认0; unit&#xff1a;单位默认 秒; key: 默认空字符串 package com.ruoyi.fra…

Qt Creator 11 开放源码集成开发环境新增集成终端和 GitHub Copilot 支持

导读Qt 项目今天发布了 Qt Creator 11&#xff0c;这是一款开源、免费、跨平台 IDE&#xff08;集成开发环境&#xff09;软件的最新稳定版本&#xff0c;适用于 GNU/Linux、macOS 和 Windows 平台。 Qt Creator 11 的亮点包括支持标签、多外壳、颜色和字体的集成终端模拟器&am…

【微信小程序创作之路】- 小程序事件绑定、动态提示Toast、对话框 Modal

【微信小程序创作之路】- 小程序事件绑定、动态提示Toast、对话框 Modal 第六章 小程序事件绑定、动态提示Toast、对话框 Modal 文章目录 【微信小程序创作之路】- 小程序事件绑定、动态提示Toast、对话框 Modal前言一、事件是什么&#xff1f;二、小程序中常用事件三、事件传…

2023年受人欢迎的低代码开发平台大盘点

随着企业对于降低成本和加快软件开发的需求增加&#xff0c;低代码开发平台逐渐成为一种受欢迎的选择。这些平台提供了拖放界面和预置组件&#xff0c;使得开发人员可以用更少的代码创建复杂的应用软件。低代码开发平台不仅有助于企业加速数字化转型&#xff0c;而且还能打破业…

URP基于GL的Unity物体网格线绘制方法参考

直接上代码&#xff1a; using System; using System.Collections.Generic; using UnityEngine; using UnityEngine.Rendering;public class GLWireMesh : MonoBehaviour {[Serializable]public class IntPair{public int a;public int b;public IntPair(int a, int b){this.a…

Linux系统管理:虚拟机Rocky Linux安装

目录 一、理论 1.Rocky Linux 2.NetworkManager配置 3.ipaddress 配置文件 4.nmtui 配置 ipaddress 二、实验 1.虚拟机Rocky Linux安装准备阶段 2.安装Rocky Linux 3.进入系统 三、问题 1.网络配置文件权限不够 一、理论 1.Rocky Linux &#xff08;1&#xff0…

下载的谷歌模型如何转为3dtiles

收费工具&#xff0c;学生党勿扰 收费金额1000元 已经购买过工具的大佬&#xff0c;可以免费更新 1 概述 上个月&#xff0c;写了一篇<<谷歌地图模型自动下载>>的文章&#xff0c;效果还不错&#xff0c;能够帮到一些同学。 但是&#xff0c;随着谷歌模型下载的越…

uniapp开发微信小程序--自定义顶部导航栏

一、实现效果&#xff1a; 二、代码实现&#xff1a; 1.在pages.json文件中&#xff0c;单页面定义导航栏&#xff0c;添加以下代码&#xff1a; "navigationStyle": "custom" //自定义导航栏如图所示&#xff1a; 2.在components文件夹下&#xff0c;…

使用多数据源dynamic-datasource-spring-boot-starter遇到的问题记录

记录使用多数据源dynamic-datasource-spring-boot-starter遇到的问题&#xff1a; 1、工程启动失败 缺少clickhouse连接驱动&#xff0c;引入对应的maven依赖 <!--ck连接驱动--><dependency><groupId>ru.yandex.clickhouse</groupId><artifactId>…

【python】数据可视化开发

数据可视化开发 折线图json数据格式python数据和json数据的相互转换 pyecharts模块构建基础折线图全局配置选项set_global_opts方法 数据处理完成折线图 地图动态柱状图二级目录三级目录 折线图 json数据格式 一种轻量级的数据交互模式&#xff0c;可以按照JSON指定的格式去组…

Kylin v10基于cephadm工具离线部署ceph分布式存储

1. 环境&#xff1a; ceph&#xff1a;octopus OS&#xff1a;Kylin-Server-V10_U1-Release-Build02-20210824-GFB-x86_64、CentOS Linux release 7.9.2009 2. ceph和cephadm 2.1 ceph简介 Ceph可用于向云平台提供对象存储、块设备服务和文件系统。所有Ceph存储集群部署都从…

自然语言处理从入门到应用——LangChain:提示(Prompts)-[提示模板:连接到特征存储]

分类目录&#xff1a;《自然语言处理从入门到应用》总目录 特征存储是传统机器学习中的一个概念&#xff0c;它确保输入模型的数据是最新和相关的。在考虑将LLM应用程序投入生产时&#xff0c;这个概念非常重要。为了个性化LLM应用程序&#xff0c;我们可能希望将LLM与特定用户…

制作crate并发布到Crates.io

准备 发布 crate 时, 一旦发布无法修改,无法覆盖, 因此要注意邮箱等一些个人信息 访问crates.io 的 帐号设定页面[1],生成Token 并在命令行 执行 cargo login your token 此命令将告诉 Cargo 你的 API 令牌, 并将其存储在本地 ~/.cargo/credentials crates.io 上crate的名字, 会…

生成测试报告就万事大吉了吗?NO,升职加薪就差这一步啦!- 04(非常详细,非常实用)

简介 上一篇生成测试报告&#xff0c;小伙伴们和童鞋们就又问道&#xff0c;测试报告已经生成了&#xff0c;怎么发送给相关的负责人了&#xff1f;小伙伴们和童鞋们不要着急&#xff0c;慢慢给你道来&#xff0c;心急吃不了热豆腐哈。这些小伙伴们的表现还是不错的&#xff0c…

安装nvm之后,node -v 提示‘node‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件

1. 检查有没有执行这个命令&#xff1a;nvm use [nodejs version name] 2. 检查nvm安装位置同级&#xff0c;有没有nodejs文件夹&#xff0c;是一个快捷键&#xff01;如果有一个其他的nodejs&#xff0c;把它删掉&#xff0c;然后到cmd中&#xff0c;重新nvm install一下&…

【计算机网络】应用层协议 -- 安全的HTTPS协议

文章目录 1. 认识HTTPS2. 使用HTTPS加密的必要性3. 常见的加密方式3.1 对称加密3.2 非对称加密3.3 非对称加密对称加密 4. 引入CA证书4.1 CA认证4.2 数据签名4.3 非对称机密对称加密证书认证4.4 常见问题 5. 总结 1. 认识HTTPS HTTPS全称为 Hyper Text Tranfer Protocol over …

npm, yarn配置

一、npm 1. 查看当前的镜像源。 npm config get registry 2. 设置为淘宝源 npm config set registry https://registry.npm.taobao.org 3. 还原默认源 npm config set registry https://registry.npmjs.org/ 二、Yarn 1.yarn的安装 npm install -g yarn 2. 查看当…

API教程:轻松上手HTTP代理服务!

作为HTTP代理产品供应商&#xff0c;我们为您带来一份详细的教程&#xff0c;帮助您轻松上手使用API&#xff0c;并充分利用HTTP代理服务。无论您是开发人员、网络管理员还是普通用户&#xff0c;本教程将为您提供操作指南和代码模板&#xff0c;确保您能够顺利使用API并享受HT…