01_Node.js入门 (黑马)

01_Node.js入门

知识点自测

  1. 从 index.js 出发，访问到 student/data.json 的相对路径如何写?

    A：../public/teacher/data.json

    B：./public/student/data.json

    C：../student/data.json

    <details><summary>答案</summary><ul><li>A选项正确</li></ul></details>

  1. 如下代码运行结果是多少?

    const str = `我们都是好人，好人就是我`
const result = str.replace(/好/g, '')

    A：我们都是人，好人就是我

    B：我们都是人，人就是我

    <details><summary>答案</summary><ul><li>B选项正确</li></ul></details>

  1. 以下哪个正则表达式，能匹配字符串中的小括号？

    A：/(/

    B：/\(/

    <details><summary>答案</summary><ul><li>B选项正确，因为在正则表达式里直接写小括号，相当于分组功能，而不是匹配字符串小括号里，可以加一个斜杠代表转义，转换它去匹配小括号字符串而不再是分组</li></ul></details>

  1. 如下代码返回的结果是什么？

    const str = '/api/hello?a=10&b=20'
const result = str.startsWith('/api/hello')

    A：true

    B：false

    <details><summary>答案</summary><ul><li>A 项正确，startsWith 用于判断调用的字符串是否以传入的目标字符串开头，是返回 true，否则返回 false 在原地</li></ul></details>

提前安装软件

在配套的资料文件夹中，先安装好 Node.js 环境，上课可以节省时间

具体安装过程可以参考 PPT 和 配套视频！

01.什么是 Node.js

目标

什么是 Node.js，有什么用，为何能独立执行 JS 代码，演示安装和执行 JS 文件内代码

讲解

  1. Node.js 是一个独立的 JavaScript 运行环境，能独立执行 JS 代码，因为这个特点，它可以用来编写服务器后端的应用程序

  2. Node.js 作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率

  3. Node.js 基于Chrome V8 引擎封装，独立执行 JS 代码，但是语法和浏览器环境的 V8 有所不同，没有 document 和 window 但是都支持 ECMAScript 标准的代码语法

  4. 想要得到 Node.js 需要把这个软件安装到电脑，在素材里有安装程序（window 和 mac 环境的）参考 PPT 默认下一步安装即可

  5. Node.js 没有图形化界面，需要使用 cmd 终端命令行（利用一些命令来操控电脑执行某些程序软件）输入，node -v 检查是否安装成功

    node -v

  1. 需求：新建 index.js 文件，编写打印代码和 for 循环打印 3 个 6

    /**
 * 目标：编写 js 代码，用 node 命令执行
 * 终端作用：敲击命令，调用对应程序执行
 * 终端打开：目标文件->右键->在集成终端中打开
 * 命令：node xxx.js （注意路径）
 */
console.log('Hello, World')
for (let i = 0; i < 3; i++) {
  console.log(6)
}

  1. Node.js 执行目标 JS 文件，需要使用 node xxx.js 命令来执行（我们可以借助 VSCode 集成终端使用，好处：可以快速切换到目标 JS 文件所在终端目录，利用相对路径找到要执行的目标 JS 文件

小结

  1. Node.js 有什么用？

    <details><summary>答案</summary><ul><li>编写后端程序，提供数据和网页资源，还可以作为前端工程化的工具，翻译压缩整合代码等，提高开发效率</li></ul></details>

  2. Node.js 为何能执行 JS 代码？

    <details><summary>答案</summary><ul><li>基于 Chrome 的 V8 引擎封装</li></ul></details>

  3. Node.js 与浏览器环境的 JS 最大区别？

    <details><summary>答案</summary><ul><li>Node.js 环境中没有 BOM 和 DOM，但是也用 JS 语法</li></ul></details>

  1. Node.js 如何执行代码？

    <details><summary>答案</summary><ul><li>在 VSCode 终端中输入：node xxx.js 回车即可执行（注意路径）</li></ul></details>

02.fs模块-读写文件

目标

了解模块概念，使用 fs 模块封装的方法读写文件内容

讲解

  1. 模块：类似插件，封装了方法和属性供我们使用

  2. fs 模块：封装了与本机文件系统进行交互的，方法和属性

  3. fs 模块使用语法如下：

    • 加载 fs 模块，得到 fs 对象

      const fs = require('fs')

    • 写入文件内容语法：

      fs.writeFile('文件路径', '写入内容', err => {
  // 写入后的回调函数
})

    • 读取文件内容的语法：

      fs.readFile('文件路径', (err, data) => {
  // 读取后的回调函数
  // data 是文件内容的 Buffer 数据流
})

  1. 需求：向 test.txt 文件写入内容并读取打印

    /**
 * 目标：使用 fs 模块，读写文件内容
 * 语法：
 * 1. 引入 fs 模块
 * 2. 调用 writeFile 写入内容
 * 3. 调用 readFile  读取内容
 */
// 1. 引入 fs 模块
const fs = require('fs')
// 2. 调用 writeFile 写入内容
// 注意：建议写入字符串内容，会覆盖目标文件所有内容
fs.writeFile('./text.txt', '欢迎使用 fs 模块读写文件内容', err => {
  if (err) console.log(err)
  else console.log('写入成功')
})
// 3. 调用 readFile  读取内容
fs.readFile('./text.txt', (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString()) // 把 Buffer 数据流转成字符串类型
})

小结

  1. 什么是模块？

    <details><summary>答案</summary><ul><li>类似插件，封装了方法和属性</li></ul></details>

  1. fs 模块的作用？

    <details><summary>答案</summary><ul><li>读写本机文件内容</li></ul></details>

03.path模块-路径处理

目标

使用 path 模块来得到绝对路径

讲解

  1. 为什么在 Node.js 待执行的 JS 代码中要用绝对路径：

    Node.js 执行 JS 代码时，代码中的路径都是以终端所在文件夹出发查找相对路径，而不是以我们认为的从代码本身出发，会遇到问题，所以在 Node.js 要执行的代码中，访问其他文件，建议使用绝对路径

  2. 新建 03 文件夹编写待执行的 JS 代码，访问外层相对路径下的文件，<span style="color: red;">然后在最外层终端路径来执行目标文件，造成问题</span>

  1. 问题原因：就是从代码文件夹出发，使用../text.txt解析路径，找不到目标文件，报错了！

  2. 解决方案：使用模块内置变量 __dirname配合 path.join() 来得到绝对路径使用

    const fs = require('fs')
console.log(__dirname) // D:\备课代码\2_node_3天\Node_代码\Day01_Node.js入门\代码\03
​
// 1. 加载 path 模块
const path = require('path')
// 2. 使用 path.join() 来拼接路径
const pathStr = path.join(__dirname, '..', 'text.txt')
console.log(pathStr)
​
fs.readFile(pathStr, (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString())
})

  1. 再次执行查看问题就被修复了！以后在 Node.js 要执行的 JS 代码中访问其他文件的路径，都建议使用绝度路径

小结

  1. path.join() 方法有什么用？

    <details><summary>答案</summary><ul><li>按照所在本机系统的分隔符作为定界符来链接你传入的路径</li></ul></details>

  1. __dirname 模块内置变量的值是多少？

    <details><summary>答案</summary><ul><li>动态获取当前文件所在文件夹的绝对路径</li></ul></details>

04.案例-压缩前端html

目标

压缩前端代码，体验前端工程化的例子

讲解

  1. 前端工程化：前端代码压缩，整合，转译，测试，自动部署等等工具的集成统称，为了提高前端开发项目的效率

  2. 需求：把准备好的 html 文件里的回车符（\r）和换行符（\n）去掉进行压缩，写入到新 html 中

  3. 步骤：

    1. 读取源 html 文件内容

    2. 正则替换字符串

    3. 写入到新的 html 文件中，并运行查看是否能正常打开网页

  4. 代码如下：

    /**
 * 目标一：压缩 html 里代码
 * 需求：把 public/index.html 里的，回车/换行符去掉，写入到 dist/index.html 中
 *  1.1 读取 public/index.html 内容
 *  1.2 使用正则替换内容字符串里的，回车符\r 换行符\n
 *  1.3 确认后，写入到 dist/index.html 内
 */
const fs = require('fs')
const path = require('path')
// 1.1 读取 public/index.html 内容
fs.readFile(path.join(__dirname, 'public', 'index.html'), (err, data) => {
  const htmlStr = data.toString()
  // 1.2 使用正则替换内容字符串里的，回车符\r 换行符\n
  const resultStr = htmlStr.replace(/[\r\n]/g, '')
  // 1.3 确认后，写入到 dist/index.html 内
  fs.writeFile(path.join(__dirname, 'dist', 'index.html'), resultStr, err => {
    if (err) console.log(err)
    else console.log('压缩成功')
  })
})

小结

  1. 前端工程化的理解？

    <details><summary>答案</summary><ul><li>对前端代码进行优化，集成各种提高前端开发效率的工具等</li></ul></details>

05.认识URL中的端口号

目标

认识 URL 中端口号的作用，以及 Web 服务的作用

讲解

  1. URL 是统一资源定位符，简称网址，用于访问网络上的资源

  2. 端口号的作用：标记服务器里对应的服务程序，值为（0-65535 之间的任意整数）

  3. 注意：http 协议，默认访问的是 80 端口

  4. Web服务：一个程序，用于提供网上信息浏览功能

  5. 注意：0-1023 和一些特定的端口号被占用，我们自己编写服务程序请避开使用

小结

  1. 端口号的作用？

    <details><summary>答案</summary><ul><li>标记区分服务器里不同的服务程序</li></ul></details>

  2. 什么是 Web 服务？

    <details><summary>答案</summary><ul><li>提供网上信息浏览的服务的一个程序</li></ul></details>

06.http模块-创建Web服务

目标

基于 Node.js 环境，使用内置 http 模块，创建 Web 服务程序

讲解

  1. 需求：引入 http 模块，使用相关语法，创建 Web 服务程序，响应返回给请求方一句提示 ‘hello，world’

  2. 步骤：

    1. 引入 http 模块，创建 Web 服务对象

    2. 监听 request 请求事件，对本次请求，做一些响应处理

    3. 启动 Web 服务监听对应端口号

    4. 运行本服务在终端进程中，用浏览器发起请求

  3. 注意：本机的域名叫做 localhost

  4. 代码如下：

    /**
 * 目标：基于 http 模块创建 Web 服务程序
 *  1.1 加载 http 模块，创建 Web 服务对象
 *  1.2 监听 request 请求事件，设置响应头和响应体
 *  1.3 配置端口号并启动 Web 服务
 *  1.4 浏览器请求（http://localhost:3000）测试
 */
// 1.1 加载 http 模块，创建 Web 服务对象
const http = require('http')
const server = http.createServer()
// 1.2 监听 request 请求事件，设置响应头和响应体
server.on('request', (req, res) => {
  // 设置响应头-内容类型-普通文本以及中文编码格式
  res.setHeader('Content-Type', 'text/plain;charset=utf-8')
  // 设置响应体内容，结束本次请求与响应
  res.end('欢迎使用 Node.js 和 http 模块创建的 Web 服务')
})
// 1.3 配置端口号并启动 Web 服务
server.listen(3000, () => {
  console.log('Web 服务启动成功了')
})

小结

  1. 如何访问本机里运行的 Web 服务？

    <details><summary>答案</summary><ul><li>http://localhost:Web服务的端口号/资源路径</li></ul></details>

07.案例-浏览时钟

目标

体验 Web 服务除了接口数据以外，还能返回网页资源等

讲解

  1. 需求：基于 Web 服务，开发提供网页资源的功能，了解下后端的代码工作过程

  2. 步骤：

    1. 基于 http 模块，创建 Web 服务

    2. 使用 req.url 获取请求资源路径为 /index.html 的时候，读取 index.html 文件内容字符串返回给请求方

    3. 其他路径，暂时返回不存在的提示

    4. 运行 Web 服务，用浏览器发起请求

  3. 代码如下：

    /**
 * 目标：编写 web 服务，监听请求的是 /index.html 路径的时候，返回 dist/index.html 时钟案例页面内容
 * 步骤：
 *  1. 基于 http 模块，创建 Web 服务
 *  2. 使用 req.url 获取请求资源路径，并读取 index.html 里字符串内容返回给请求方
 *  3. 其他路径，暂时返回不存在提示
 *  4. 运行 Web 服务，用浏览器发起请求
 */
const fs = require('fs')
const path = require('path')
// 1. 基于 http 模块，创建 Web 服务
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
  // 2. 使用 req.url 获取请求资源路径，并读取 index.html 里字符串内容返回给请求方
  if (req.url === '/index.html') {
    fs.readFile(path.join(__dirname, 'dist/index.html'), (err, data) => {
      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. Web 服务程序都有什么功能？

    <details><summary>答案</summary><ul><li>提供数据和网页资源等等功能，其他它的功能远不止于此</li></ul></details>

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

React第十七章(useRef)

React第十七章(useRef)

useRef 当你在React中需要处理DOM元素或需要在组件渲染之间保持持久性数据时&#xff0c;便可以使用useRef。 import { useRef } from react; const refValue useRef(initialValue) refValue.current // 访问ref的值 类似于vue的ref,Vue的ref是.value&#xff0c;其次就是vu…
阅读更多...
ThinkPHP知识库文档系统源码

ThinkPHP知识库文档系统源码

知识库文档系统 一款基于ThinkPHP开发的知识库文档系统&#xff0c;可用于企业工作流程的文档管理&#xff0c;结构化记录沉淀高价值信息&#xff0c;形成完整的知识体系&#xff0c;能够轻松提升知识的流转和传播效率&#xff0c;更好地成就组织和个人。为部门、团队或项目搭…
阅读更多...
TIM输入捕获---STM

TIM输入捕获---STM

一、简介 IC输入捕获 输入捕获模式下&#xff0c;当通道输入引脚出现指定电平跳变时&#xff0c;当前CNT的值将被锁存在CCR中&#xff0c;可用于测量PWM波形的频率、占空比、脉冲间隔、电平持续时间等参数 每个高级定时器和通用定时器都拥有4个输入捕获通道 可配置为PWMI模…
阅读更多...
Spring Data JPA 入门

Spring Data JPA 入门

文章目录 前言、Spring Data JPA 是什么&#xff1f;1、背景2、优势3、Spring Data JPA 和 MyBatis-Plus 对比4、Spring Data JPA 与 JPA 的关系是什么&#xff1f; 一、准备1、依赖引入Spring Boot 框架依赖引入&#xff1a;非 Spring Boot 框架依赖引入&#xff1a; 2、定义实…
阅读更多...
【Nacos03】消息队列与微服务之Nacos 集群部署

【Nacos03】消息队列与微服务之Nacos 集群部署

集群部署 集群部署说明 因此开源的时候推荐用户把所有服务列表放到一个vip下面&#xff0c;然后挂到一个域名下面 http://ip1:port/openAPI 直连ip模式&#xff0c;机器挂则需要修改ip才可以使用。 http://SLB:port/openAPI 挂载SLB模式(内网SLB&#xff0c;不可暴露到公网…
阅读更多...
Python 类的设计（以植物大战僵尸为例）

Python 类的设计（以植物大战僵尸为例）

关于类的设计——以植物大战僵尸为例 一、设计类需满足的三要素1. 类名2. 属性和方法 二、以植物大战僵尸的为例的类的设计1. 尝试分类2. 创建对象调用类的属性和方法*【代码二】*3. 僵尸的继承 三、代码实现 一、设计类需满足的三要素 1. 类名 类名&#xff1a;某类事物的名…
阅读更多...
PDF提取文本

PDF提取文本

1.环境配置 !pip install PyPDF2 pdfplumber PyPDF2 是用来处理 PDF 文件的库&#xff0c;主要功能包括PDF 文件读取、合并、拆分、旋转&#xff0c;可以从 PDF 中提取纯文本&#xff0c;尽管它的提取效果有限&#xff0c;特别是对于扫描版 PDF 文件。 pdfplumber 是比 PyPDF2…
阅读更多...
【unity小技巧】分享vscode如何进行unity开发，且如何开启unity断点调试模式，并进行unity断点调试（2024年最新的方法，实测有效）

【unity小技巧】分享vscode如何进行unity开发，且如何开启unity断点调试模式，并进行unity断点调试（2024年最新的方法，实测有效）

文章目录 前言一、前置条件1、已安装Visual Studio Code&#xff0c;并且unity首选项>外部工具>外部脚本编辑器选择为Visual Studio Code [版本号]&#xff0c;2、在Visual Studio Code扩展中搜索Unity&#xff0c;并安装3、同时注意这个插件下面的描述&#xff0c;需要根…
阅读更多...
Leetcode经典题5--轮转数组

Leetcode经典题5--轮转数组

题目描述 给定一个整数数组 nums&#xff0c;将数组中的元素向右轮转 k 个位置&#xff0c;其中 k 是非负数。 输入输出示例 &#xff1a; 输入: nums [1,2,3,4,5,6,7], k 3 输出: [5,6,7,1,2,3,4] 解释: 向右轮转 1 步: [7,1,2,3,4,5,6] 向右轮转 2 步: [6,7,1,2,3,4,5] 向右…
阅读更多...
【LeetCode】每日一题 2024_12_9 判断国际象棋棋盘中一个格子的颜色（找规律）

【LeetCode】每日一题 2024_12_9 判断国际象棋棋盘中一个格子的颜色（找规律）

前言 每天和你一起刷 LeetCode 每日一题~ LeetCode 启动&#xff01; 题目&#xff1a;判断国际象棋棋盘中一个格子的颜色 最近力扣一直在出棋盘类的题目&#xff0c;这个月已经出了 9 天了&#xff0c;我倒要看看他是不是真能出一个月 代码与解题思路 先读题&#xff1a;题…
阅读更多...
VRRP的知识点总结及实验

VRRP的知识点总结及实验

1、VRRP VRRP(Virtual Router Redundancy Protocol&#xff0c;虚拟路由器冗余协议)既能够实现网关的备份&#xff0c;又能解决多个网关之间互相冲突的问题&#xff0c;从而提高网络可靠性。 2、VRRP技术概述&#xff1a; 通过把几台路由设备联合组成一台虚拟的“路由设备”…
阅读更多...
PostgreSQL 安装部署系列：使用YUM 方式在Centos 7.9 安装指定 PostgreSQL -15版本数据库

PostgreSQL 安装部署系列：使用YUM 方式在Centos 7.9 安装指定 PostgreSQL -15版本数据库

一、前言 千里之行始于足下&#xff0c;想学习一门数据库&#xff0c;首先要从安装部署开始&#xff0c;先拥有一套属于自己的学习测试库。为了更好的学习该数据库&#xff0c;可以选择一个在企业界使用率比较普及的操作系统&#xff0c;选择稳定版本的操作系统&#xff1b;如果…
阅读更多...
Kafka Stream实战教程

Kafka Stream实战教程

Kafka Stream实战教程 1. Kafka Streams 基础入门 1.1 什么是 Kafka Streams Kafka Streams 是 Kafka 生态中用于 处理实时流数据 的一款轻量级流处理库。它利用 Kafka 作为数据来源和数据输出&#xff0c;可以让开发者轻松地对实时数据进行处理&#xff0c;比如计数、聚合、…
阅读更多...
Flink：入门介绍

Flink：入门介绍

目录 一、Flink简介 2.1 Flink 架构 2.2 Flink 应用程序 运行模式 二、Flink 集群 部署 2.1 本地集群模式 2.1.1 安装JDK​编辑 2.1.2 下载、解压 Flink 2.1.3 启动集群 2.1.4 停止集群 2.2 Standalone 模式 2.2.0 集群规划 2.2.1 安装JDK 2.2.2 设置免密登录 2…
阅读更多...
重生之我在异世界学编程之C语言：深入结构体篇（上）

重生之我在异世界学编程之C语言：深入结构体篇（上）

大家好&#xff0c;这里是小编的博客频道 小编的博客&#xff1a;就爱学编程 很高兴在CSDN这个大家庭与大家相识&#xff0c;希望能在这里与大家共同进步&#xff0c;共同收获更好的自己&#xff01;&#xff01;&#xff01; 本文目录 引言正文《1》 结构体的两种声明一、结构…
阅读更多...
移动充电服务如何打破传统的新能源汽车充电难、找桩难问题？

移动充电服务如何打破传统的新能源汽车充电难、找桩难问题？

中国新能源汽车在全球市场中占据重要地位&#xff0c;2024年上半年&#xff0c;中国新能源汽车销量达到494.4万辆&#xff0c;占全球新能源市场的68%。新能源汽车作为国家实现“碳中和”的重要途径之一&#xff0c;国家陆续出台各项产业政策&#xff0c;推动新能源汽车行业往标…
阅读更多...
AI大模型ollama结合Open-webui

AI大模型ollama结合Open-webui

AI大模型Ollama结合Open-webui 作者：行癫（盗版必究） 一：认识 Ollama 1.什么是Ollama ​ Ollama是一个开源的 LLM（大型语言模型）服务工具，用于简化在本地运行大语言模型，降低使用大语言模型的门槛，使得大模型的开发者、研究人员和爱好者能够在本地环境快速实验、管理和…
阅读更多...
Ubuntu Linux 图形界面工具管理磁盘分区和文件系统(八)

Ubuntu Linux 图形界面工具管理磁盘分区和文件系统(八)

本文为Ubuntu Linux操作系统- 第八弹~~ 今天接着上文的内容&#xff0c;讲Linux磁盘分区存储的相关知识~ 上期回顾&#xff1a;命令行-管理磁盘分区和文件系统 今天看酷酷的雪獒铠甲&#xff01;&#xff01;雪獒铠甲合体~ 文章目录 磁盘管理器GNOME Disks主要功能安装命令 磁盘…
阅读更多...
AI大模型的实践应用-探索智能科技的未来（附学习教程资源）

AI大模型的实践应用-探索智能科技的未来（附学习教程资源）

第一章&#xff1a;AI大模型技术概览 1.1 AI大模型的定义与特点 AI大模型&#xff0c;通常指的是参数数量达到数亿甚至数千亿的深度学习模型。这些模型因其庞大的参数量而得名&#xff0c;能够捕捉和学习数据中的复杂模式和关系。与传统模型相比&#xff0c;AI大模型具有更强的…
阅读更多...
AI 数字人模型 Hallo2：让图片开口说话，一键修复模糊人脸

AI 数字人模型 Hallo2：让图片开口说话，一键修复模糊人脸

Hallo2 是由复旦大学 (Fudan University)、百度公司 (Baidu Inc) 和南京大学 (Nanjing University) 于 2024 年联合开发的一项先进技术&#xff0c;旨在生成长时间、高质量的唇形视频。该技术在原有的 Hallo 模型基础上进行了多项创新和改进&#xff0c;使其能够应对长时间视频…
阅读更多...
最新文章

Copyright @ 2022~2023