当前位置：首页 > news >正文

《黑马前端ajax+node.js+webpack+git教程》（笔记）——node.js教程+webpack教程（nodejs教程）

news 来源：原创 2025/7/22 2:27:40

黑马程序员前端AJAX入门到实战全套教程，包含学前端框架必会的（ajax+node.js+webpack+git），一套全覆盖

文章目录

- Node.js与Webpack-01.Node.js入门
- - 定义和作用
  - 什么是前端工程化？（离不开node.js）
  - Node.js 为何能执行JS?
  - Node.js 安装
  - 终端如何使用node.js
  - - 可以用windows控制台
    - 也可以用vscode
    - vocode配置默认终端为windows cmd
  - 代码示例
  - - 需求
    - 实战
  - 总结
- Node.js与Webpack-02.fs模块-读写文件（fs.writeFile()、fs.readFile()）
- - 定义
  - 代码示例
- Node.js与Webpack-03.path模块-路径处理
- - 问题示例
  - path模块（`__dirname`获取绝对文件路径；path.join()拼接跨平台路径）
  - 代码示例
  - 建议在代码中用__dirname获取文件绝对路径，这样不论在哪个工作路径运行代码，代码都能找到相对的资源文件；同时path模块在处理`/`或`\`时会自动做跨平台处理，不用自行构建
- Node.js与Webpack-04.案例-压缩前端html
- - 定义
  - 代码示例（将html代码中的换行符和回车符都替换成空格）
- Node.js与Webpack-05.URL中的端口号
- - 定义
  - 常见服务程序
  - 总结
- Node.js与Webpack-06.http模块-创建Web服务
- - 创建web服务http接口
  - 代码示例
- Node.js与Webpack-07.案例-浏览时钟
- - 需求
  - 步骤
  - 代码
- Node.js与Webpack-08.模块化简介（如何定义js模块）
- - 定义（模块就是一个js文件）
  - CommonJS标准（默认支持，不需要添加package.json）（导出：module.exports = {}、导入：require('模块名或路径')）
  - 代码示例
  - 总结
- Node.js与Webpack-09.ECMAScript标准-`默认导出和导入`（官方推荐）（导出：export default = {}、导入：import 变量名 from '模块名或路径'）
- - 定义（ECMAScript标准导出和导入，需要在模块下增加package.json）
  - 代码示例
  - 总结
- Node.js与Webpack-10.ECMAScript标准-`命名导出和导入`（如果不想一次性全部导入，想只导入需要的可以用这个）
- - 定义
  - 代码示例
  - 总结
- Node.js与Webpack-11.包的概念
- - 定义（一个文件夹，有两种类型：项目包、软件包）
  - 代码示例
  - 总结
- Node.js与Webpack-12.npm软件包管理器
- - 定义与使用
  - 示例
  - - 目标
    - 终端打开项目文件夹
    - 执行`npm init -y`初始化`package.json`
    - 执行`npm i dayjs`安装库
    - 执行`node server.js`使用软件包
  - 总结
- Node.js与Webpack-13.npm安装所有依赖
- - 定义：`npm i`可根据package.json下载所需软件包
  - 测试
  - 总结
- Node.js与Webpack-14.npm全局软件包-nodemon
- - 定义
  - 安装
  - 运行测试
  - 总结
- Node.js与Webpack-15.Node.js概念和常用命令总结
- - Node.js模块化总结
  - Node.js包总结
  - 常用命令总结
- Node.js与Webpack-16.Webpack简介以及体验
- - Webpack介绍
  - 使用示例
- Node.js与Webpack-17.Webpack修改入口和出口
- - webpack.config.js文件（位于项目根目录）
  - 入口和出口官方文档
- Node.js与Webpack-18.案例-用户登录-长度判断
- - 案例需求定义
  - 代码示例
- Node.js与Webpack-19.Webpack自动生成html文件（html-webpack-plugin插件）
- - 定义
  - 官方文档
  - 实战训练
- Node.js与Webpack-20.Webpack打包css代码（将css打包到js代码中）（css-loader插件）
- - 定义
  - 官网
  - 实战
- Node.js与Webpack-21.优化-提取css代码（将css代码打包成独立文件）（mini-css-extract-plugin插件）
- - 定义
  - 官网
  - 实操
- Node.js与Webpack-22.优化-压缩过程（压缩代码压缩、生产模式压缩）（css-minimizer-webpack-plugin插件）
- - 问题
  - 定义
  - 使用方法
  - 实操
  - - 步骤：
    - 安装
    - 打开配置文件`webpack.config.js`加上代码，按照官网[http://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/](http://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/)上的加就行：
    - 执行打包`npm run build`
- Node.js与Webpack-23.Webpack打包less代码
- - 定义
- Node.js与Webpack-24.Webpack打包图片
- - 定义
- Node.js与Webpack-25.案例-用户登录-功能完成
- - 定义
  - 操作
- Node.js与Webpack-26.Webpack搭建开发环境（webpack-dev-server）增加开发效率
- - 定义
  - 实操
- Node.js与Webpack-27.Webpack打包模式（development和production）
- - 定义
- Node.js与Webpack-28.Webpack打包模式应用（需求:在开发模式下用 style-loader内嵌更快，在生产模式下提取 css 代码）
- - 解决方案：使用cross-env环境变量工具，可以设置不同环境变量来读取process.env来配置不同打包模式（需修改代码）
  - 实操
- Node.js与Webpack-29.前端-注入环境变量（注意：cross-env 设置的只在 Node.js 环境生效，前端代码无法访问process.env.NODE_ENV，所以需要DefinePlugin插件来注入环境变量）
- - 定义
  - 实操
- Node.js与Webpack-30.Webpack开发环境调错（inline-source-map插件）
- - 定义
  - 实操（原来webpack.config.js的配置就是js对象的配置）
- Node.js与Webpack-31.Webpack解析别名alias
- - 定义
  - 实操
- Node.js与Webpack-32.优化-生产模式下使用CDN（bootcdn）
- - 定义
  - 实操
- Node.js与Webpack-33.Webpack多页面打包
- - 定义
- Node.js与Webpack-34.案例-打包发布文章页面
- - 定义
- Node.js与Webpack-35.优化-分割公共代码（打包的代码有复用冗余，太大，用这个方法提取公共代码）
- - 定义
- Node.js与Webpack-36.总结
- - 总结
- Git-01.初识
- Git-02.仓库
- Git-03.三个区域
- Git-04.文件状态
- Git-05.暂存区使用
- Git-06.练习-登录页面
- Git-07.回退版本
- Git-08.删除文件
- Git-09.忽略文件
- Git-10.分支
- Git-11.练习-登录修复
- Git-12.分支-合并与删除
- Git-13.分支-合并与提交
- Git-14.分支-合并冲突
- Git-15.常用命令
- Git-16.远程仓库
- Git-17.远程仓库-克隆
- Git-18.多人协同开发
- Git-19.在VSCode中使用
- Git-20.部署黑马头条数据管理平台
- Git-21.命令总结
- 前端框架前置课程完结篇

Node.js与Webpack-01.Node.js入门

定义和作用

在这里插入图片描述

什么是前端工程化？（离不开node.js）

在这里插入图片描述

Node.js 为何能执行JS?

在这里插入图片描述

Node.js 安装

https://nodejs.org/zh-cn

在这里插入图片描述

终端如何使用node.js

可以用windows控制台

在这里插入图片描述

也可以用vscode

在这里插入图片描述

建议用cmd终端，别用poweshell终端。

在这里插入图片描述

vocode配置默认终端为windows cmd

在这里插入图片描述

代码示例

需求

在这里插入图片描述

实战

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-02.fs模块-读写文件（fs.writeFile()、fs.readFile()）

定义

在这里插入图片描述

代码示例

在这里插入图片描述

const fs = require('fs')fs.writeFile('./test.txt', 'hello, Node.js', (err) => {if (err) {console.log('err')}else {console.log('写入成功')}
})fs.readFile('./test.txt', (err, data) => {if (err) {console.log(err)}else {console.log(data.toString())}
})

在这里插入图片描述

Node.js与Webpack-03.path模块-路径处理

问题示例

在这里插入图片描述

path模块（`__dirname`获取绝对文件路径；path.join()拼接跨平台路径）

在这里插入图片描述

代码示例

在这里插入图片描述

建议在代码中用__dirname获取文件绝对路径，这样不论在哪个工作路径运行代码，代码都能找到相对的资源文件；同时path模块在处理`/`或`\`时会自动做跨平台处理，不用自行构建

Node.js与Webpack-04.案例-压缩前端html

定义

在这里插入图片描述

代码示例（将html代码中的换行符和回车符都替换成空格）

/g表示全局匹配
在这里插入图片描述

Node.js与Webpack-05.URL中的端口号

定义

在这里插入图片描述

常见服务程序

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-06.http模块-创建Web服务

创建web服务http接口

在这里插入图片描述

代码示例

在这里插入图片描述

Node.js与Webpack-07.案例-浏览时钟

需求

在这里插入图片描述

步骤

在这里插入图片描述

代码

在这里插入图片描述

Node.js与Webpack-08.模块化简介（如何定义js模块）

定义（模块就是一个js文件）

在这里插入图片描述

CommonJS标准（默认支持，不需要添加package.json）（导出：module.exports = {}、导入：require(‘模块名或路径’)）

在这里插入图片描述

代码示例

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-09.ECMAScript标准-`默认导出和导入`（官方推荐）（导出：export default = {}、导入：import 变量名 from ‘模块名或路径’）

定义（ECMAScript标准导出和导入，需要在模块下增加package.json）

在这里插入图片描述

代码示例

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-10.ECMAScript标准-`命名导出和导入`（如果不想一次性全部导入，想只导入需要的可以用这个）

定义

在这里插入图片描述

代码示例

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-11.包的概念

定义（一个文件夹，有两种类型：项目包、软件包）

在这里插入图片描述

唯一出口文件index.js不是必须的，如果不存在，就会到package.json中去找定义的入口文件（main属性指定的入口文件）

代码示例

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-12.npm软件包管理器

定义与使用

在这里插入图片描述

示例

目标

在这里插入图片描述

终端打开项目文件夹

在这里插入图片描述

执行`npm init -y`初始化`package.json`

npm init -y

在这里插入图片描述

{"name": "05","version": "1.0.0","main": "server.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","start": "node server.js"},"keywords": [],"author": "","license": "ISC","description": ""
}

执行`npm i dayjs`安装库

在这里插入图片描述

装好后自动在package.json中记录了这个包版本：

在这里插入图片描述

执行`node server.js`使用软件包

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-13.npm安装所有依赖

定义：`npm i`可根据package.json下载所需软件包

在这里插入图片描述

测试

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-14.npm全局软件包-nodemon

定义

在这里插入图片描述

安装

全局安装：npm i nodemon -g
在这里插入图片描述

运行测试

nodemon server.js

修改代码后，按ctrl + s保存代码，程序将会自动重启。

在这里插入图片描述

总结

在这里插入图片描述

Node.js与Webpack-15.Node.js概念和常用命令总结

Node.js模块化总结

在这里插入图片描述

Node.js包总结

在这里插入图片描述

常用命令总结

在这里插入图片描述

Node.js与Webpack-16.Webpack简介以及体验

Webpack介绍

在这里插入图片描述

使用示例

在这里插入图片描述

npm i webpack webpack-cli --save-dev

具体参考文章：webpack介绍（现代JS应用静态模块打包工具，在内部构建依赖图，映射项目所需模块，生成打包后的文件）webpack.config.js

Node.js与Webpack-17.Webpack修改入口和出口

webpack.config.js文件（位于项目根目录）

在这里插入图片描述
示例文件：

文件中建议入口文件和出口文件都使用绝对路径。
在这里插入图片描述

入口和出口官方文档

在这里插入图片描述

Node.js与Webpack-18.案例-用户登录-长度判断

案例需求定义

在这里插入图片描述

代码示例

https://gitee.com/arnold_s/my-learning-test/tree/master/20250501_node.jsTest/08_WEBPACK_STUDY

Node.js与Webpack-19.Webpack自动生成html文件（html-webpack-plugin插件）

定义

在这里插入图片描述

官方文档

http://webpack.docschina.org/plugins/

http://webpack.docschina.org/plugins/html-webpack-plugin

在这里插入图片描述

完整参数：
https://github.com/jantimon/html-webpack-plugin#options

在这里插入图片描述

实战训练

在这里插入图片描述

npm i html-webpack-plugin --save-dev

在这里插入图片描述
配好执行命令打包就行：

在这里插入图片描述

Node.js与Webpack-20.Webpack打包css代码（将css打包到js代码中）（css-loader插件）

定义

在这里插入图片描述

官网

http://webpack.docschina.org/loaders/css-loader/

在这里插入图片描述
注意加载器会从后往前使用，先使用css-loader，再使用style-loader。

实战

在这里插入图片描述

执行npm run build，然后css被打包到js里了：

在这里插入图片描述

打开dist中的login.html：

在这里插入图片描述

Node.js与Webpack-21.优化-提取css代码（将css代码打包成独立文件）（mini-css-extract-plugin插件）

定义

在这里插入图片描述

npm install --save-dev mini-css-extract-plugin

在这里插入图片描述

官网

http://webpack.docschina.org/plugins/mini-css-extract-plugin/

在这里插入图片描述

实操

在这里插入图片描述

npm run build

在这里插入图片描述

生成了单独的main.css文件：

在这里插入图片描述

html文件中也有引入main.css的代码：

在这里插入图片描述

打开html，也没有问题：

在这里插入图片描述

Node.js与Webpack-22.优化-压缩过程（压缩代码压缩、生产模式压缩）（css-minimizer-webpack-plugin插件）

问题

上一节自己写的css代码并没有被压缩：

在这里插入图片描述

定义

http://webpack.docschina.org/plugins/mini-css-extract-plugin/#minimizing-for-production
在这里插入图片描述

http://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/

在这里插入图片描述

使用方法

在这里插入图片描述

实操

步骤：

在这里插入图片描述

安装

npm i css-minimizer-webpack-plugin --save-dev

在这里插入图片描述

打开配置文件`webpack.config.js`加上代码，按照官网http://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/上的加就行：

const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');

    // 优化打包过程optimization: {minimizer: [// 在 webpack@5 中，你可以使用 `...` 语法来扩展现有的 minimizer（即 `terser-webpack-plugin`），将下一行取消注释// `...`,new CssMinimizerPlugin(),],},

记得取消...注释，具体原因参考文章：为什么在Webpack 5 中，直接添加new CssMinimizerPlugin()到optimization.minimizer数组而不取消注释…语法，会导致JavaScript压缩失效？

执行打包`npm run build`

在这里插入图片描述

然后我发现没压缩，原因不知道是谁在webpack.config.js中设置了开发模式而不是生产模式：

在这里插入图片描述

解决方法可以是直接把配置文件改成生产模式，也可以根据官网把 optimization.minimize 设置为 true:

http://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/
在这里插入图片描述

然后重新编译发现可以打包了：

在这里插入图片描述

Node.js与Webpack-23.Webpack打包less代码

http://webpack.docschina.org/loaders/less-loader#root

https://www.bilibili.com/video/BV1MN411y7pw/?p=105

定义

在这里插入图片描述

Node.js与Webpack-24.Webpack打包图片

http://webpack.docschina.org/guides/asset-modules/#root

https://www.bilibili.com/video/BV1MN411y7pw/?p=106

定义

在这里插入图片描述

Node.js与Webpack-25.案例-用户登录-功能完成

定义

在这里插入图片描述

操作

cd D:\3_coding\my-learning-test_edit\20250501_node.jsTest\09_webpack_user_login_axios
npm i axios
npm i webpack webpack-cli --save-devnpm install --save-dev css-loader style-loader less less-loader html-webpack-plugin mini-css-extract-plugin terser-webpack-plugin clean-webpack-plugin babel-loader @babel/core @babel/preset-envnpm run build

Node.js与Webpack-26.Webpack搭建开发环境（webpack-dev-server）增加开发效率

定义

在这里插入图片描述

实操

在这里插入图片描述

npm i webpack-dev-server --save-dev

在这里插入图片描述

npm run dev

Node.js与Webpack-27.Webpack打包模式（development和production）

定义

在这里插入图片描述

不建议在webpack.config.js中改，建议在package.json中改

Node.js与Webpack-28.Webpack打包模式应用（需求:在开发模式下用 style-loader内嵌更快，在生产模式下提取 css 代码）

解决方案：使用cross-env环境变量工具，可以设置不同环境变量来读取process.env来配置不同打包模式（需修改代码）

在这里插入图片描述

实操

在这里插入图片描述

npm i cross-env --save-dev

在这里插入图片描述

Node.js与Webpack-29.前端-注入环境变量（注意：cross-env 设置的只在 Node.js 环境生效，前端代码无法访问process.env.NODE_ENV，所以需要DefinePlugin插件来注入环境变量）

定义

在这里插入图片描述

实操

在这里插入图片描述

在开发环境运行代码和在打包后生产环境运行，呈现不同效果。

Node.js与Webpack-30.Webpack开发环境调错（inline-source-map插件）

定义

在这里插入图片描述

实操（原来webpack.config.js的配置就是js对象的配置）

在这里插入图片描述
配置了它之后，浏览器在开发模式下就能定位到准确代码位置，生产模式下无法定位

Node.js与Webpack-31.Webpack解析别名alias

定义

在这里插入图片描述

通过这个路径就能找到了：
在这里插入图片描述

在这里插入图片描述

实操

在这里插入图片描述

Node.js与Webpack-32.优化-生产模式下使用CDN（bootcdn）

定义

在这里插入图片描述

实操

https://www.bootcdn.cn/axios/
在这里插入图片描述

在这里插入图片描述

然后测试：

开发环境：

npm run dev

生产环境：

npm build

Node.js与Webpack-33.Webpack多页面打包

定义

在这里插入图片描述

感觉内容好多好乱，看得我都懵逼了！

https://www.bilibili.com/video/BV1MN411y7pw?p=115

Node.js与Webpack-34.案例-打包发布文章页面

定义

在这里插入图片描述

懵，尤其对打包配置，配来配去，不知道为啥这么配，配的地方又多，不知道学了ts后会不会好点！！

Node.js与Webpack-35.优化-分割公共代码（打包的代码有复用冗余，太大，用这个方法提取公共代码）

定义

在这里插入图片描述

说是后面vue react之类的，浏览器没法直接运行，必须得用webpack打包的

Node.js与Webpack-36.总结

总结

在这里插入图片描述

vue react 小程序

Git-01.初识

Git-02.仓库

Git-03.三个区域

Git-04.文件状态

Git-05.暂存区使用

Git-06.练习-登录页面

Git-07.回退版本

Git-08.删除文件

Git-09.忽略文件

Git-10.分支

Git-11.练习-登录修复

Git-12.分支-合并与删除

Git-13.分支-合并与提交

Git-14.分支-合并冲突

Git-15.常用命令

Git-16.远程仓库

Git-17.远程仓库-克隆

Git-18.多人协同开发

Git-19.在VSCode中使用

Git-20.部署黑马头条数据管理平台

Git-21.命令总结

前端框架前置课程完结篇

《黑马前端ajax+node.js+webpack+git教程》（笔记）——node.js教程+webpack教程（nodejs教程）

黑马程序员前端AJAX入门到实战全套教程，包含学前端框架必会的（ajaxnode.jswebpackgit），一套全覆盖文章目录 Node.js与Webpack-01.Node.js入门定义和作用什么是前端工程化？（离不开node.js）Node.…...

编程日记 2025/7/22 2:27:40

Canvas设计图片编辑器全讲解（一）Canvas基础（万字图文讲解）

一、前序近两年AI发展太过迅速，各类AI产品层出不穷，AI绘图/AI工作流/AI视频等平台的蓬勃发展，促使图片/视频等复杂内容的创作更加简单，让更多普通人有了图片和视频创作的机会。另一方面用户内容消费也逐渐向图片和视频倾斜。在“…...

编程日记 2025/7/15 16:41:47

disryptor和rabbitmq

disryptor和rabbitmq Disruptor 是什么？ Disruptor 是一个由 LMAX Exchange 开发的高性能、低延迟的进程内（in-process）并发编程框架/库。它最初是为了解决金融交易系统中高吞吐量、低延迟消息传递的需求而设计的。核心特点和设计理念&am…...

编程日记 2025/7/22 15:11:29

java基础-关键字：static、单例模式

1.例如：我们创造一个人的类，我们希望他是中国人类，所以我们希望所有对象都共有中国人的属性； import org.w3c.dom.ls.LSOutput;import java.sql.Connection; import java.sql.SQLOutput; import java.util.Arrays;public class Ma…...

编程日记 2025/7/18 3:59:11

深入解析PyTorch中MultiheadAttention的参数key_padding_mask与attn_mask

1. 基本背景在multiheadattention中存在两个mask，一个参数是key_padding_mask，另外一个是attn_mask，尽管这两个参数是被人们所熟知的填充掩码和注意力掩码，但是深度理解以便清晰区分对于深刻理解该架构非常重要。 2. 参数Key_p…...

编程日记 2025/7/18 9:29:10

修改环境配置文件 hadoop-env.sh # 在文件末尾添加以下内容： # java_home记得修改 export JAVA_HOME/usr/java/jdk1.8.0xxxx export HDFS_NAMENODE_USERroot export HDFS_DATANODE_USERroot export HDFS_ZKFC_USERroot export HDFS_JOURNALNODE_USERroot export YA…...

编程日记 2025/7/17 17:36:27

OpenCv(7.0)——银行卡号识别

文章目录前言1.1 模板处理模块读取模板图像并预处理轮廓检测与处理构建数字模板库 1.2 银行卡图像预处理图像尺寸标准化形态学操作二值化与闭操作 1.3 卡号区域定位轮廓筛选逻辑 1.4 数字识别与结果展示完整代码展示总结前言本代码实现基于传统图像处理技术，通过…...

编程日记 2025/7/15 1:37:01

新手怎么样制作网站？

如果你是没有任何的建站基础，又没有任何的网站管理经验，那么应该如何开展网站制作呢？今天由我给大家分享一下网站制作的步骤和流程： 一、制定网站的核心主题： 在用户开展网站制作的之前，先确定一下以下的内…...

编程日记 2025/7/18 12:17:43

React集成百度【JSAPI Three】教程（002）：设置不同的环境效果

文章目录 2、设置不同的天气2.1 安装antd前端UI库2.2 是否开启动态天空2.3 创建天气组件2.4 代码2.0版本下载2、设置不同的天气 2.1 安装antd前端UI库安装命令： npm install antd --save2.2 是否开启动态天空天气中的阴天、多云需要在开启动态天空后才能有效显示。在页面…...

编程日记 2025/7/18 4:48:02

Helm Chart 中配置多个 Docker Registry 地址以实现备用访问

在 Helm Chart 中配置多个 Docker Registry 地址以实现备用访问，可以通过以下几种方式实现： 1. 在 values.yaml 中定义多个 Registry 在 values.yaml 中定义主 Registry 和备用 Registry，以便在部署时灵活切换： # values.yaml …...

编程日记 2025/7/16 22:23:03

星云智控v1.0.0产品发布会圆满举行：以创新技术重构物联网监控新生态

星云智控v1.0.0产品发布会圆满举行：以创新技术重构物联网监控新生态 2024年5月15日，成都双流蛟龙社区党群服务中心迎来了一场备受业界瞩目的发布会——优雅草科技旗下”星云智控v1.0.0”物联网AI智控系统正式发布。本次发布会吸引了包括沃尔沃集团、新希…...

编程日记 2025/7/16 23:05:52

利用ffmpeg截图和生成gif

ffmpeg -i input.mp4 -ss 00:00:10 -vframes 1 output.jpgffmpeg -i input.mp4 -ss 00:00:10 -vframes 180 output.jpg -vframes 180代表截取180帧, 实测后发现如果视频是60fps,那么会从第10秒截取到第13秒-i input.mp4：指定输入视频文件。-ss 00:00:10：…...

编程日记 2025/7/19 12:14:12

OpenCV CUDA 模块中的矩阵算术运算-----在频域中执行两个复数频谱的逐元素乘法的函数mulSpectrums()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 mulSpectrums()是OpenCV CUDA 模块中用于在频域中执行两个复数频谱的逐元素乘法的函数。该函数实现了以下运算： d s t s r c 1 ⋅…...

编程日记 2025/7/12 5:47:51

可视化图解算法41：搜索二维矩阵（二维数组中的查找）

1. 题目牛客网面试笔试TOP101 | LeetCode 74. 搜索二维矩阵描述在一个二维数组array中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数&#xf…...

编程日记 2025/7/20 19:56:33

OpenCV CUDA模块中的矩阵算术运算------创建卷积操作对象的工厂方法 cv::cuda::createConvolution

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 createConvolution函数是OpenCV CUDA 模块中用于创建卷积操作对象的工厂方法。它返回一个指向 cv::cuda::Convolution 接口的智能指针&#xff0…...

编程日记 2025/7/22 9:59:54

从代码学习深度学习 - 用于预训练词嵌入的数据集 PyTorch版

文章目录前言辅助工具代码绘图工具 (utils\_for\_huitu.py)数据处理工具 (utils\_for\_data.py)读取数据集 (PTB)构建词表下采样高频词中心词和上下文词的提取负采样小批量加载训练实例整合代码：构建数据加载器总结前言词嵌入（Word Embedding）是将词语映射到低维连续向量…...

编程日记 2025/7/19 14:14:54

基于jsp+mysql+Spring的Springboot旅游网站管理系统设计和实现

基于jspmysqlSpring的Springboot旅游网站管理系统设计和实现 🍅 作者主页网顺技术团队 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 文末获取源码联系方式 📝 🍅 查看下方微信号获取联系方式承接各种定…...

编程日记 2025/7/10 20:42:38

【Rust迭代器】Rust迭代器用法解析与应用实战

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，…...

编程日记 2025/7/20 1:26:06

嵌入式学习笔记DAY23（树，哈希表）

一、树 1.树的概念之前我们一直在谈的是一对一的线性结构，现实中，还存在很多一对多的情况需要处理，一对多的线性结构——树。树的结点包括一个数据元素及若干指向其子树的分支，结点拥有的子树数称为结点的度。度为0的结点称为叶…...

编程日记 2025/7/17 4:32:21

操作系统————五种页面置换算法（OPT，FIFO，LRU，NRU，加强版NRU）大总结

❤️❤️❤️算法1：最佳置换算法（OPT） 算法思想： 值得注意的是这是一种理想型算法，实际上并不可能实现，读者需要注意下面我们来解析一下它的原理： 我们假设有三个内存块，对于页面…...

编程日记 2025/7/19 1:17:54

数据结构(二) 线性表

一. 线性表 1.定义线性表是由n(n>0)个具有相同数据类型的数据元素构成的有限序列。其中，元素之间通过顺序关系排列，每个元素有且只有一个直接前驱和一个直接后继(除首尾元素外) 二.线性表的顺序表示(顺序表) 1.存储方式使用连续的内存空间(数组)存储…...

编程日记 2025/7/19 21:36:16

TS04：高性能四通道自动灵敏度校准电容触摸传感器

在现代电子设备中，电容触摸传感器的应用越来越广泛，而高性能的传感器芯片是实现良好用户体验的关键。 TS04 四通道电容触摸传感器，凭借其自动灵敏度校准功能和多种特性，成为理想的解决方案。本文将简要介绍 TS04 的主要特性、功能…...

编程日记 2025/7/22 20:31:14

鸿蒙系统-安全-程序访问控制-应用权限管控

Ability Kit 提供了一种允许应用访问系统资源（如：通讯录等）和系统能力（如：访问摄像头、麦克风等）的通用权限访问方式，来保护系统数据（包括用户个人数据）或功能&#xff0…...

编程日记 2025/7/22 23:29:52

ArcGIS Pro 3.4 二次开发 - 框架

环境：ArcGIS Pro SDK 3.4 .NET 8 文章目录框架1 框架1.1 如何在 DockPane 可见或隐藏时订阅和取消订阅事件1.2 执行命令1.3 设置当前工具1.4 激活选项卡1.5 激活/停用状态 - 修改条件1.6 判断应用程序是否繁忙1.7 获取应用程序主窗口1.8 关闭 ArcGIS Pro1.9 获取 …...

编程日记 2025/7/21 23:15:06

打破传统仓库管理困局：WMS如何重构出入库全流程

引言在制造业与零售业高速发展的今天，仓库管理仍普遍面临效率低、错发漏发频发、库存数据滞后等痛点。人工登记导致30%的错单率，货位混乱让拣货耗时增加50%，而账实不符引发的二次采购成本更吞噬着企业利润。如何突破传统管理桎梏&#xff1…...

编程日记 2025/7/16 8:45:43

npm 安装时 SSL 证书过期问题笔记

问题描述: npm error code CERT_HAS_EXPIRED npm error errno CERT_HAS_EXPIRED npm error request to https://registry.npm.taobao.org/axios failed, reason: certificate has expired 这表明当前配置的 npm 镜像源（淘宝镜像 https://registry.npm.taobao.org&…...

编程日记 2025/7/23 1:22:05

【大数据】MapReduce 编程-- PageRank--网页排名算法，用于衡量网页“重要性”-排序网页

PageRank 是 Google 创始人拉里佩奇（Larry Page）和谢尔盖布林（Sergey Brin）在 1998 年提出的一种网页排名算法，用于衡量网页“重要性”的一种方式。它是搜索引擎中用于排序网页的一种基础算法一个网页越是被其他重要…...

编程日记 2025/7/7 2:22:26

Craw4AI：LLM友好的网页爬虫

GitHub：https://github.com/unclecode/crawl4ai 更多AI开源软件：发现分享好用的AI工具、AI开源软件、AI模型、AI变现 - 小众AI Crawl4AI旨在让网页爬取和数据提取变得简单而高效。无论构建复杂的 AI 应用程序还是增强大语言模型，Crawl4AI 都能…...

编程日记 2025/7/19 11:09:04

idea 安装飞算-javaAI 插件使用

文章目录前言idea 安装飞算-javaAI 插件使用1. 介绍一下飞算-AI2. 安装使用前言如果您觉得有用的话，记得给博主点个赞，评论，收藏一键三连啊，写作不易啊^ _ ^。而且听说点赞的人每天的运气都不会太差，实在白嫖的…...

编程日记 2025/7/20 9:36:41

Lombok

Lombok Lombok 是一个 Java 库，通过注解自动生成样板代码（如 Getter/Setter、构造函数等），从而简化开发。在你提供的代码中，AllArgsConstructor 就是一个 Lombok 注解。以下是 Lombok 常用注解及其作用的详细说明&…...

编程日记 2025/7/22 18:36:00

起点与破圈

写了多年代码，我为什么开始转向算法，直到如今投身于大模型领域？ 作为一名拥有 10 年经验的开发者，我的职业路径几乎覆盖了技术发展的多个阶段。从最早使用 Flask/Django 开发网站，到后来构建大数据系统、设计服务器架…...

编程日记 2025/7/16 16:30:08

基于AI的Web数据管道，使用n8n、Scrapeless和Claude

引言在当今数据驱动的环境中，组织需要高效的方法来提取、处理和分析网络内容。传统的网络抓取面临着诸多挑战：反机器人保护、复杂的JavaScript渲染以及持续的维护需求。此外，理解非结构化的网络数据则需要复杂的处理能力。本指南演示了如…...

编程日记 2025/7/21 10:27:47

7GB显存如何部署bf16精度的DeepSeek-R1 70B大模型？

构建RAG混合开发---PythonAIJavaEEVue.js前端的实践-CSDN博客服务容错治理框架resilience4j&sentinel基础应用---微服务的限流/熔断/降级解决方案-CSDN博客 conda管理python环境-CSDN博客快速搭建对象存储服务 - Minio，并解决临时地址暴露ip、短链接请求改…...

编程日记 2025/7/19 16:13:21

初识函数------了解函数的定义、函数的参数、函数的返回值、说明文档的书写、函数的嵌套使用、变量的作用域（全局变量与局部变量）

文章目录一、什么是函数？二、函数定义与调用2.1 基本语法2.2 示例演示三、函数参数详解3.1 位置参数3.2 默认参数3.3 可变参数3.4 关键字参数四、返回值与文档说明4.1 返回多个值4.2 编写文档字符串五、函数嵌套与作用域5.1 嵌套函数示例5.2 变量作用域5.3 glob…...

编程日记 2025/7/22 18:31:14

Java常见API文档（下）

格式化的时间形式的常用模式对应关系如下： 空参构造创造simdateformate对象，默认格式练习.按照指定格式展示 package kl002;import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date;public class Date3 {publi…...

编程日记 2025/7/22 17:15:32

ubuntu 20.04 ping baidu.coom可以通，ping www.baidu.com不通【DNS出现问题】解决方案

ping baidu.coom可以通，ping www.baidu.com不通【DNS出现问题】解决方案检查IPV6是否有问题 # 1. 检查 IPv6 地址，记住网络接口的名称 ip -6 addr show# 2. 测试本地 IPv6，eth0换成自己的网络接口名称 ping6 ff02::1%eth0# 3. 检查路由 ip…...

编程日记 2025/7/17 7:44:46

Oracle 中 open_cursors 参数详解：原理、配置与性能测试

#Oracle #参数 # open_cursors #ORA-01000 在 Oracle 数据库的众多参数中，open_cursors是一个对应用程序性能和资源管理有着重要影响的参数。它直接关系到数据库与应用程序之间游标资源的使用与分配，合理配置open_cursors参数，能够避免应用程…...

编程日记 2025/7/18 15:06:36

线程调度与单例模式：wait、notify与懒汉模式解析

一.wait 和 notify（等待和通知） 引入 wait notify 就是为了能够从应用层面，干预到多个不同线程代码的执行顺序，可以让后执行的线程主动放弃被调度的机会，等先执行的线程完成后通知放弃调度的线程重新执行。自助取…...

编程日记 2025/7/10 5:58:54

AGI大模型（27）：LangChain向量存储

1 安装依赖使用一个简单的本地向量存储 FAISS，首先需要安装它 pip install faiss-cpu -i https://pypi.tuna.tsinghua.edu.cn/simple pip install langchain_community==0.3.7 -i https://pypi.tuna.tsinghua.edu.cn/simple 由于演示过程中用到了爬虫，需要安装依赖库，如…...

编程日记 2025/7/17 8:47:54

Qwen3 - 0.6B与Bert文本分类实验：深度见解与性能剖析

Changelog [25/04/28] 新增Qwen3-0.6B在Ag_news数据集Zero-Shot的效果。新增Qwen3-0.6B线性层分类方法的效果。调整Bert训练参数（epoch、eval_steps），以实现更细致的观察，避免严重过拟合的情况。 TODO： 利用Qwen3-0.6…...

编程日记 2025/7/22 5:23:21

Oracle 的 PGA_AGGREGATE_LIMIT 参数

Oracle 的 PGA_AGGREGATE_LIMIT 参数基本概念 PGA_AGGREGATE_LIMIT 是 Oracle 数据库 12c 引入的一个重要内存管理参数，用于限制所有服务器进程使用的 PGA（Program Global Area）内存总量。参数作用硬性限制：设置 PGA 内存使…...

编程日记 2025/7/18 20:01:21

# idea 中如何将 java 项目打包成 jar 包？

idea 中如何将 java 项目打包成 jar 包？ 例如如何将项目dzs168-dashboard-generate打包成 dzs168-dashboard-generate.jar 1、打开项目结构 Project Structure 在IDEA的顶部菜单栏中选择【File】，然后选择【Project Structure】（或者使用快…...

编程日记 2025/7/11 16:15:11

JVM（Java 虚拟机）深度解析

JVM（Java 虚拟机）深度解析作为 Java 生态系统的核心，JVM（Java Virtual Machine）是 Java 语言 "一次编写，到处运行" 的关键。它不仅是 Java 程序的运行环境，更是一个复杂的系统软件&…...

编程日记 2025/7/16 1:37:41

算法题（150）：拼数

审题： 本题需要我们将数组中的数据经过排序，使得他们拼接后得到的数是所有拼接方案中最大的思路： 方法一：排序贪心贪心策略1：直接排序如果我们直接按照数组数据的字典序进行排序，会导致部分情况出错 eg&…...

编程日记 2025/7/21 22:29:32

怎么样进行定性分析

本文章将教会你如何对实验结果进行定性分析，其需要一定的论文基础，文末有论文撰写小技巧，不想看基础原理的人可以直接调到文章末尾。一、什么是定性分析定性分析是一种在众多领域广泛应用的研究方法，它致力于对事物的性质、特…...

编程日记 2025/7/13 11:35:05

RLᵛ_ Better Test-Time Scaling by Unifying LLM Reasoners With Verifiers

RLᵛ: Better Test-Time Scaling by Unifying LLM Reasoners With Verifiers 在人工智能领域，大语言模型（LLM）的推理能力提升一直是研究热点。今天要解读的论文提出了一种全新的强化学习框架RLᵛ，通过融合推理与验证能力&#xf…...

编程日记 2025/7/19 23:41:52

关于百度地图JSAPI自定义标注的图标显示不完整的问题（其实只是因为图片尺寸问题）

下载了几个阿里矢量图标库里的图标作为百度地图的自定义图标，结果百度地图显示的图标一直不完整。下载的PNG图标已经被正常引入到前端代码，anchor也设置为了图标底部中心，结果还是显示不完整。 if (iconUrl) {const icon new mapClass.Icon(…...

编程日记 2025/7/22 16:44:13

海思22AP70集超强算力、4K60编解码与多元特性于一体的智能SoC可替代3559V200、3516AV300、3556A

嘿，朋友们！在这个对视觉效果有着极致追求的时代，海思半导体带着满满的诚意，为大家呈上一款堪称惊艳的专业超高清智能网络录像机SoC——22AP70，它就像一颗闪耀的科技新星，即将在各个领域掀起一场视觉革命&am…...

编程日记 2025/7/22 5:53:49

网络协议之一根网线就能连接两台电脑？

写在前面 ~~~~ 如果有两台电脑，通过一根网线可以实现网络互通吗？三台电脑呢？N台电脑呢？本文就以此作为主线来看下吧！ 1：正文 ~~~~ 如标题，一根网线就能连接两台电脑？答案是肯定的&a…...

编程日记 2025/7/22 6:19:14

为 Windows 和 Ubuntu 中设定代理服务器的详细方法

有时下载大模型总是下载不出来，要配置代理才行一、Windows代理设置 ① 系统全局代理设置打开【设置】→【网络和Internet】→【代理】。在【手动设置代理】下，打开开关，输入： 地址：10.10.10.215 端口：…...

编程日记 2025/7/22 12:20:14

文章目录

Node.js与Webpack-01.Node.js入门

定义和作用

什么是前端工程化？（离不开node.js）

Node.js 为何能执行JS?

Node.js 安装

终端如何使用node.js

可以用windows控制台

也可以用vscode

vocode配置默认终端为windows cmd

代码示例

需求

实战

总结

Node.js与Webpack-02.fs模块-读写文件（fs.writeFile()、fs.readFile()）

定义

代码示例

Node.js与Webpack-03.path模块-路径处理

问题示例

path模块（__dirname获取绝对文件路径；path.join()拼接跨平台路径）

代码示例

建议在代码中用__dirname获取文件绝对路径，这样不论在哪个工作路径运行代码，代码都能找到相对的资源文件；同时path模块在处理/或\时会自动做跨平台处理，不用自行构建

Node.js与Webpack-04.案例-压缩前端html

定义

代码示例（将html代码中的换行符和回车符都替换成空格）

Node.js与Webpack-05.URL中的端口号

定义

常见服务程序

总结

Node.js与Webpack-06.http模块-创建Web服务

创建web服务http接口

代码示例

Node.js与Webpack-07.案例-浏览时钟

需求

步骤

代码

Node.js与Webpack-08.模块化简介（如何定义js模块）

定义（模块就是一个js文件）

CommonJS标准（默认支持，不需要添加package.json）（导出：module.exports = {}、导入：require(‘模块名或路径’)）

代码示例

总结

Node.js与Webpack-09.ECMAScript标准-默认导出和导入（官方推荐）（导出：export default = {}、导入：import 变量名 from ‘模块名或路径’）

定义（ECMAScript标准导出和导入，需要在模块下增加package.json）

代码示例

总结

Node.js与Webpack-10.ECMAScript标准-命名导出和导入（如果不想一次性全部导入，想只导入需要的可以用这个）

定义

代码示例

总结

Node.js与Webpack-11.包的概念

定义（一个文件夹，有两种类型：项目包、软件包）

代码示例

总结

Node.js与Webpack-12.npm软件包管理器

定义与使用

示例

目标

终端打开项目文件夹

执行npm init -y初始化package.json

执行npm i dayjs安装库

执行node server.js使用软件包

总结

Node.js与Webpack-13.npm安装所有依赖

定义：npm i可根据package.json下载所需软件包

测试

总结

Node.js与Webpack-14.npm全局软件包-nodemon

定义

安装

运行测试

总结

Node.js与Webpack-15.Node.js概念和常用命令总结

Node.js模块化总结

Node.js包总结

常用命令总结

Node.js与Webpack-16.Webpack简介以及体验

Webpack介绍

使用示例

Node.js与Webpack-17.Webpack修改入口和出口

webpack.config.js文件（位于项目根目录）

path模块（`__dirname`获取绝对文件路径；path.join()拼接跨平台路径）

建议在代码中用__dirname获取文件绝对路径，这样不论在哪个工作路径运行代码，代码都能找到相对的资源文件；同时path模块在处理`/`或`\`时会自动做跨平台处理，不用自行构建

Node.js与Webpack-09.ECMAScript标准-`默认导出和导入`（官方推荐）（导出：export default = {}、导入：import 变量名 from ‘模块名或路径’）

Node.js与Webpack-10.ECMAScript标准-`命名导出和导入`（如果不想一次性全部导入，想只导入需要的可以用这个）

执行`npm init -y`初始化`package.json`

执行`npm i dayjs`安装库

执行`node server.js`使用软件包

定义：`npm i`可根据package.json下载所需软件包

打开配置文件`webpack.config.js`加上代码，按照官网http://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/上的加就行：

执行打包`npm run build`