Node.js基础入门第五天

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: Node.js基础入门第五天

经过前面四天的学习,对Node.js已经有了一个基础的认识,今天继续学习Node.js网络通信编程相关内容,并稍加整理加以分享,如有不足之处,还请指正。

path模块

Node.js中,提供了一个path模块,在这个模块中,提供了许多实用的,可被用来处理与转换文件路径的方法及属性。path是一个系统模块,不需要单独安装,主要用于格式化或拼接完整路径。

1. path模块示例

以path模块中最常用的是join方法【拼接路径】为例,如下所示:

1. var path = require('path');
2. //拼接路径:将多个字符串拼接成一个完整的路径
3. var file = path.join(__dirname,'file1.txt');
4. console.log("当前路径:"+file);

示例截图,如下所示:

注意:__dirname是内置属性,表示当前程序所在的路径。

2. path模块其他方法

path模块除了join外,还提供了其他方法,如下所示:

1. var path = require('path');
2. //拼接路径:将多个字符串拼接成一个完整的路径
3. var file = path.join(__dirname,'file1.txt');
4. console.log("当前路径:"+file);
5. //返回路径中的文件夹部分
6. var dirname = path.dirname(file);
7. //返回路径中的文件部分,包含文件名和扩展名
8. var filename = path.basename(file);
9. //返回路径中的扩展名
10. var extname = path.extname(file);
11. //解析路径对象,返回一个对象
12. var p = path.parse(file);
13. console.log("dirname:"+dirname);
14. console.log("filename:"+filename);
15. console.log("extname:"+extname);
16. console.log("parse解析后的对象:");
17. console.log(p)

示例截图,如下所示:

url模块

URL模块主要提供对URL(Uniform Resource Locator,统一资源定位器)的相关操作的属性和方法。

网址字符串是包含多个有意义组件的结构化字符串。 解析时,将返回包含每个组件的属性的网址对象。

url 模块提供了两种用于处理网址的 API:一种是 Node.js 特定的旧版 API,一种是实现了与 Web 浏览器使用的相同的 WHATWG 网址标准的新版 API。

下面提供了 WHATWG 和 旧版 API 之间的比较。

使用 WHATWG API 解析网址字符串:

const myURL = new URL('https://user:pass@sub.example.com:8080/p/a/t/h?query=string#hash');

使用旧版 API 解析网址字符串:

1. import url from 'url';
2. const myURL =  url.parse('https://user:pass@sub.example.com:8080/p/a/t/h?query=string#hash');

1. 旧的解析方法

旧的解析方法,直接采用模块的parse函数即可,如下所示:

1. var url = require('url');
2. var u="https://www.cnblogs.com/hsiang/p/15182972.html";
3. //旧的解析方法
4. var obj = url.parse(u);
5. console.log("解析后的对象:");
6. console.log(obj);

解析示例截图,如下所示:

注意:返回的obj是一个对象,通过obj.属性名,可以获取更加详细的内容。

2. 新的解析方法

1 //新的解析方法【ES6写法】

2 const {URL} = require('url');

3 var u="https://www.cnblogs.com/hsiang/p/15182972.html";

4 const obj=new URL(u);

5 console.log("新的解析方法");

6 console.log(obj);

示例截图,如下所示:

ES5写法,如下所示:

1. //新的解析方法【ES5写法】
2. var url = require('url');
3. var u="https://www.cnblogs.com/hsiang/p/15182972.html";
4. var obj =new  url.URL(u);
5. console.log("新的解析方法");
6. console.log(obj);

注意:通过对比,发现新旧两种方式解析出来的结果大体上相同,仅存细微差异,具体可参考上述新旧对比截图。

http模块

网络作为信息传输,接收,共享的虚拟平台,通过它将各个点,面,体的信息联系到一起,从而实现这些资源的共享。网络传输数据有一定的规则,这些规则称之为协议,http协议就是规则的一种,而且是使用最频繁的一种网络传输协议。

1. 什么是HTTP协议?

超文本传输协议(Hyper Text Transfer Protocol,HTTP)是一个简单的请求-响应协议,它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出;而消息内容则具有一个类似MIME的格式。HTTP协议定义了数据在浏览器和服务器之间网络传输的数据格式和过程。

2. HTTP协议约束的细节

HTTTP协议定义了浏览器和服务器之间交互数据的格式及过程。具体如下所示:

  • 定义了浏览器以什么格式向服务器发送请求;
  • 定义了服务器以什么格式解析浏览器发送过来的数据;
  • 定义了服务器以什么格式响应数据给浏览器;
  • 定义了浏览器已什么格式解析服务器响应的数据;

3. HTTP请求响应过程

以浏览一次网页为例,请求响应过程如下所示:

4. http模块get方法

因为网络中的请求,大部分都是get方式,且不带请求体,所以Node.js的http模块提供了便捷方法。如下所示:

1. var http=require('http');
2. var fs = require('fs');
3. 
4. http.get('http://www.itsource.cn',function(res){
5. //res是一个IncomingMessage对象
6. //console.log(res);
7. var stream = fs.createWriteStream('./a.html');
8. //res是流对象,可以监听data事件
9. 
10.     res.on('data',function(data){
11. console.log(data.toString());
12.         stream.write(data);
13.     });
14.     res.on('end',function(){
15.         stream.end();
16. console.log('下载成功');
17.     });
18. //或者采用管道
19. //res.pipe(stream);
20. });

上述示例采用get方法获取文件内容,并保存文件内容到文件中。示例结果如下:

备注

谒金门·风乍起【作者】冯延巳 【朝代】五代

风乍起,吹皱一池春水。

闲引鸳鸯香径里,手挼红杏蕊。

斗鸭阑干独倚,碧玉搔头斜坠。

终日望君君不至,举头闻鹊喜。

相关文章
|
1月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
250 2
|
12天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
12天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
19 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
21天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
55 10
|
18天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
2月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
1月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
1月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
22 1
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
430 1
|
1月前
|
Web App开发 JSON JavaScript
深入浅出:Node.js后端开发入门与实践
【10月更文挑战第4天】在这个数字信息爆炸的时代,了解如何构建一个高效、稳定的后端系统对于开发者来说至关重要。本文将引导你步入Node.js的世界,通过浅显易懂的语言和逐步深入的内容组织,让你不仅理解Node.js的基本概念,还能掌握如何使用它来构建一个简单的后端服务。从安装Node.js到实现一个“Hello World”程序,再到处理HTTP请求,文章将带你一步步走进Node.js的大门。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开一扇通往后端开发新世界的大门。