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

Ajax01-基础

article 2025/9/13 5:25:45

一、AJAX

1.AJAX概念

使浏览器的XMLHttpRequest对象与服务器通信

浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>AJAX概念和axios使用</title>
</head><body><!--axios库地址：https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js省份数据地址：http://hmajax.itheima.net/api/province目标: 使用axios库, 获取省份列表数据, 展示到页面上1. 引入axios库--><p class="my-p"></p><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>// 2. 使用axios函数axios({url: 'http://hmajax.itheima.net/api/province'}).then(result => {console.log(result)// 好习惯：多打印，确认属性名console.log(result.data.list)console.log(result.data.list.join('<br>'))// 把准备好省份列表，插入到页面document.querySelector('.my-p').innerHTML = result.data.list.join('<br>') })</script>
</body></html>

2.URL

概念：URL即统一资源定位符，简称网址，用于定位网络中的资源（资源指的是：网页、图片、数据、视频、音频等等）

组成：协议、域名、资源路径

http协议：超文本传输协议，规定了浏览器和服务器传递数据的格式

域名：标记服务器在互联网当中的方位，网络中有很多服务器，你想访问哪一台，就需要知道它的域名才可以

资源路径：一个服务器内有多个资源，用于标识你要访问的资源具体的位置

3.查询参数

什么是查询参数 ?

携带给服务器额外信息，获得对应数据（让服务器返回我想要的某一部分数据而不是全部数据）
举例：查询河北省下属的城市列表，需要先把河北省传递给服务器

查询参数语法：

在 url 网址后面用?拼接格式：XXXX?参数名1=值1&参数名2=值2
参数名一般是后端规定的，值前端看情况传递即可

axios如何携带查询参数：

通过params选项

axios({url: '目标资源地址',params: {参数名: 值}
}).then(result => {// 对服务器返回的数据做后续处理
})

4.案例-查询地区列表

巩固查询参数的使用，并查看多对查询参数如何传递

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>案例_地区查询</title><linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"/><style>:root {font-size: 15px;}body {padding-top: 15px;}</style></head><body><div class="container"><form id="editForm" class="row"><!-- 输入省份名字 --><div class="mb-3 col"><label class="form-label">省份名字</label><inputtype="text"value="北京"name="province"class="form-control province"placeholder="请输入省份名称"/></div><!-- 输入城市名字 --><div class="mb-3 col"><label class="form-label">城市名字</label><inputtype="text"value="北京市"name="city"class="form-control city"placeholder="请输入城市名称"/></div></form><button type="button" class="btn btn-primary sel-btn">查询</button><br /><br /><p>地区列表:</p><ul class="list-group"><!-- 示例地区 --><li class="list-group-item">东城区</li></ul></div><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>/*获取地区列表: http://hmajax.itheima.net/api/area查询参数:pname: 省份或直辖市名字cname: 城市名字*/// 目标: 根据省份和城市名字, 查询地区列表// 1. 查询按钮-点击事件document.querySelector(".sel-btn").addEventListener("click", () => {// 2. 获取省份和城市名字let pname = document.querySelector(".province").value;let cname = document.querySelector(".city").value;// 3. 基于axios请求地区列表数据axios({url: "http://hmajax.itheima.net/api/area",params: {pname,cname,},}).then((result) => {// console.log(result)// 4. 把数据转li标签插入到页面上let list = result.data.list;console.log(list);let theLi = list.map((areaName) => `<li class="list-group-item">${areaName}</li>`).join("");console.log(theLi);document.querySelector(".list-group").innerHTML = theLi;});});</script></body>
</html>

5.常用请求方法和数据提交

请求方法是一些固定单词的英文，例如：GET，POST，PUT，DELETE，PATCH（这些都是http协议规定的），每个单词对应一种对服务器资源要执行的操作

1. 请求方法表明对服务器资源的操作，最为常用的2个是？

➢ POST 提交数据， GET 查询数据

2. axios 的核心配置？

➢ url：请求 URL 网址

➢ method ：请求方法， GET 可以省略（不区分大小写）

➢ params：查询参数

➢ data ：提交数据

axios({url: '目标资源地址',method: '请求方法',data: {参数名: 值}
}).then(result => {// 对服务器返回的数据做后续处理
})

6.axios错误处理

如果注册相同的用户名，则会遇到注册失败的请求，也就是 axios 请求响应失败了，你会在控制台看到如图的错误：

语法：在 then 方法的后面，通过点语法调用 catch 方法，传入回调函数并定义形参

使用 axios 的 catch 方法，捕获这次请求响应的错误并做后续处理，语法如下：

axios({// ...请求选项
}).then(result => {// 处理成功数据
}).catch(error => {// 处理失败错误
})

document.querySelector('.btn').addEventListener('click', () => {axios({url: 'http://hmajax.itheima.net/api/register',method: 'post',data: {username: 'itheima007',password: '7654321'}}).then(result => {// 成功console.log(result)}).catch(error => {// 失败// 处理错误信息console.log(error)console.log(error.response.data.message)alert(error.response.data.message)})
})

7.HTTP协议-报文

请求报文的组成部分有:

1. 请求行：请求方法，URL ，协议

2. 请求头：以键值对的格式携带的附加信息，比如： Content-Type

3. 空行：分隔请求头，空行之后的是发送给服务器的资源

4. 请求体：发送的资源

HTTP 协议：规定了浏览器发送及服务器返回内容的格式

响应报文：服务器按照 HTTP 协议要求的格式，返回给浏览器的内容

响应行（状态行）：协议、 HTTP 响应状态码、状态信息

响应头：以键值对的格式携带的附加信息，比如： Content-Type

空行：分隔响应头，空行之后的是服务器返回的资源

响应体：返回的资源

8.案例-登陆

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>案例_登录</title><!-- 引入bootstrap.css --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"><!-- 公共 --><style>html,body {background-color: #EDF0F5;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.container {width: 520px;height: 540px;background-color: #fff;padding: 60px;box-sizing: border-box;}.container h3 {font-weight: 900;}</style><!-- 表单容器和内容 --><style>.form_wrap {color: #8B929D !important;}.form-text {color: #8B929D !important;}</style><!-- 提示框样式 --><style>.alert {transition: .5s;opacity: 0;}.alert.show {opacity: 1;}</style>
</head><body><div class="container"><h3>欢迎-登录</h3><!-- 登录结果-提示框 --><div class="alert alert-success" role="alert">提示消息</div><!-- 表单 --><div class="form_wrap"><form><div class="mb-3"><label for="username" class="form-label">账号名</label><input type="text" class="form-control username"></div><div class="mb-3"><label for="password" class="form-label">密码</label><input type="password" class="form-control password"></div><button type="button" class="btn btn-primary btn-login"> 登 录 </button></form></div></div><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>// 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信// 1.1 登录-点击事件document.querySelector('.btn-login').addEventListener('click', () => {// 1.2 获取用户名和密码const username = document.querySelector('.username').valueconst password = document.querySelector('.password').value// console.log(username, password)// 1.3 判断长度if (username.length < 8) {console.log('用户名必须大于等于8位')return // 阻止代码继续执行}if (password.length < 6) {console.log('密码必须大于等于6位')return // 阻止代码继续执行}// 1.4 基于axios提交用户名和密码// console.log('提交数据到服务器')axios({url: 'http://hmajax.itheima.net/api/login',method: 'POST',data: {username,password}}).then(result => {console.log(result)console.log(result.data.message)}).catch(error => {console.log(error)console.log(error.response.data.message)})})</script>
</body></html>

9.案例-登陆-提示信息

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>案例_登录_提示消息</title><!-- 引入bootstrap.css --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"><!-- 公共 --><style>html,body {background-color: #EDF0F5;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.container {width: 520px;height: 540px;background-color: #fff;padding: 60px;box-sizing: border-box;}.container h3 {font-weight: 900;}</style><!-- 表单容器和内容 --><style>.form_wrap {color: #8B929D !important;}.form-text {color: #8B929D !important;}</style><!-- 提示框样式 --><style>.alert {transition: .5s;opacity: 0;}.alert.show {opacity: 1;}</style>
</head><body><div class="container"><h3>欢迎-登录</h3><!-- 登录结果-提示框 --><div class="alert alert-success" role="alert">提示消息</div><!-- 表单 --><div class="form_wrap"><form><div class="mb-3"><label for="username" class="form-label">账号名</label><input type="text" class="form-control username"></div><div class="mb-3"><label for="password" class="form-label">密码</label><input type="password" class="form-control password"></div><button type="button" class="btn btn-primary btn-login"> 登 录 </button></form></div></div><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>// 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信// 目标2：使用提示框，反馈提示消息// 2.1 获取提示框const myAlert = document.querySelector('.alert')/*** 2.2 封装提示框函数，重复调用，满足提示需求* 功能：* 1. 显示提示框* 2. 不同提示文字msg，和成功绿色失败红色isSuccess（true成功，false失败）* 3. 过2秒后，让提示框自动消失*/function alertFn(msg, isSuccess) {// 1> 显示提示框myAlert.classList.add('show')// 2> 实现细节myAlert.innerText = msgconst bgStyle = isSuccess ? 'alert-success' : 'alert-danger'myAlert.classList.add(bgStyle)// 3> 过2秒隐藏setTimeout(() => {myAlert.classList.remove('show')// 提示：避免类名冲突，重置背景色myAlert.classList.remove(bgStyle)}, 2000)}// 1.1 登录-点击事件document.querySelector('.btn-login').addEventListener('click', () => {// 1.2 获取用户名和密码const username = document.querySelector('.username').valueconst password = document.querySelector('.password').value// console.log(username, password)// 1.3 判断长度if (username.length < 8) {alertFn('用户名必须大于等于8位', false)console.log('用户名必须大于等于8位')return // 阻止代码继续执行}if (password.length < 6) {alertFn('密码必须大于等于6位', false)console.log('密码必须大于等于6位')return // 阻止代码继续执行}// 1.4 基于axios提交用户名和密码// console.log('提交数据到服务器')axios({url: 'http://hmajax.itheima.net/api/login',method: 'POST',data: {username,password}}).then(result => {alertFn(result.data.message, true)console.log(result)console.log(result.data.message)}).catch(error => {alertFn(error.response.data.message, false)console.log(error)console.log(error.response.data.message)})})</script>
</body></html>

9.form-serialize插件

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form-serialize插件使用</title>
</head><body><form action="javascript:;" class="example-form"><input type="text" name="username"><br><input type="text" name="password"><br><input type="button" class="btn" value="提交"></form><!-- 目标：在点击提交时，使用form-serialize插件，快速收集表单元素值1. 把插件引入到自己网页中--><script src="./lib/form-serialize.js"></script><script>document.querySelector('.btn').addEventListener('click', () => {/*** 2. 使用serialize函数，快速收集表单元素的值* 参数1：要获取哪个表单的数据*  表单元素设置name属性，值会作为对象的属性名*  建议name属性的值，最好和接口文档参数名一致* 参数2：配置对象*  hash 设置获取数据结构*    - true：JS对象（推荐）一般请求体里提交给服务器*    - false: 查询字符串*  empty 设置是否获取空值*    - true: 获取空值（推荐）数据结构和标签结构一致*    - false：不获取空值*/const form = document.querySelector('.example-form')const data = serialize(form, { hash: true, empty: true })// const data = serialize(form, { hash: false, empty: true })// const data = serialize(form, { hash: true, empty: false })console.log(data)})</script>
</body></html>

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>案例_登录_插件使用</title><!-- 引入bootstrap.css --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"><!-- 公共 --><style>html,body {background-color: #EDF0F5;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.container {width: 520px;height: 540px;background-color: #fff;padding: 60px;box-sizing: border-box;}.container h3 {font-weight: 900;}</style><!-- 表单容器和内容 --><style>.form_wrap {color: #8B929D !important;}.form-text {color: #8B929D !important;}</style><!-- 提示框样式 --><style>.alert {transition: .5s;opacity: 0;}.alert.show {opacity: 1;}</style>
</head><body><div class="container"><h3>欢迎-登录</h3><!-- 登录结果-提示框 --><div class="alert alert-success" role="alert">提示消息</div><!-- 表单 --><div class="form_wrap"><form class="login-form"><div class="mb-3"><label for="username" class="form-label">账号名</label><input type="text" class="form-control username" name="username"></div><div class="mb-3"><label for="password" class="form-label">密码</label><input type="password" class="form-control password" name="password"></div><button type="button" class="btn btn-primary btn-login"> 登 录 </button></form></div></div><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><!-- 3.1 引入插件 --><script src="./lib/form-serialize.js"></script><script>// 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信// 目标2：使用提示框，反馈提示消息// 目标3：使用form-serialize插件，收集用户名和密码// 2.1 获取提示框const myAlert = document.querySelector('.alert')/**2.2 封装提示框函数，重复调用，满足提示需求* 功能：* 1. 显示提示框* 2. 不同提示文字msg，和成功绿色失败红色isSuccess（true成功，false失败）* 3. 过2秒后，让提示框自动消失*/function alertFn(msg, isSuccess) {// 1> 显示提示框myAlert.classList.add('show')// 2> 实现细节myAlert.innerText = msgconst bgStyle = isSuccess ? 'alert-success' : 'alert-danger'myAlert.classList.add(bgStyle)// 3> 过2秒隐藏setTimeout(() => {myAlert.classList.remove('show')// 提示：避免类名冲突，重置背景色myAlert.classList.remove(bgStyle)}, 2000)}// 1.1 登录-点击事件document.querySelector('.btn-login').addEventListener('click', () => {// 3.2 使用serialize函数，收集登录表单里用户名和密码const form = document.querySelector('.login-form')const data = serialize(form, { hash: true, empty: true })console.log(data)// {username: 'itheima007', password: '7654321'}const { username, password } = data// 1.2 获取用户名和密码// const username = document.querySelector('.username').value// const password = document.querySelector('.password').valueconsole.log(username, password)// 1.3 判断长度if (username.length < 8) {alertFn('用户名必须大于等于8位', false)console.log('用户名必须大于等于8位')return // 阻止代码继续执行}if (password.length < 6) {alertFn('密码必须大于等于6位', false)console.log('密码必须大于等于6位')return // 阻止代码继续执行}// 1.4 基于axios提交用户名和密码// console.log('提交数据到服务器')axios({url: 'http://hmajax.itheima.net/api/login',method: 'POST',data: {username,password}}).then(result => {alertFn(result.data.message, true)console.log(result)console.log(result.data.message)}).catch(error => {alertFn(error.response.data.message, false)console.log(error)console.log(error.response.data.message)})})</script>
</body></html>

其实就是通过form-serialize可以直接获得是有表单元素，而不需要一一获取。

Ajax01-基础

一、AJAX 1.AJAX概念使浏览器的XMLHttpRequest对象与服务器通信浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展…...

编程日记 2025/9/2 21:16:55

（1）172.25.38.93服务器，IPv6地址如下： IPv6地址：2405:6F00:E033:B800:0000:0000:0003:0A5D IPv6掩码：/120 IPv6网关地址：2405:6F00:E033:B800:0000:0000:0003:0AFF 配置： # 静态 IPv6 地址和前缀（根据实际情况填写） IPV6ADDR=2405:6F00:E033:B800:0000:0000:0003:0…...

编程日记 2025/6/27 15:23:22

生成树协议（STP）配置详解：避免网络环路的最佳实践

生成树协议（STP）配置详解：避免网络环路的最佳实践生成树协议（STP）配置详解：避免网络环路的最佳实践一、STP基本原理二、STP 配置示例（华为交换机）1. 启用生成树协议2. 配置根桥3. 查…...

编程日记 2025/8/20 15:18:48

面向 C 语言项目的系统化重构实战指南

摘要：在实际开发中，C 语言项目往往随着功能演进逐渐变得混乱：目录不清、宏滥用、冗余代码、耦合高、测试少……面对这样的“技术债积累”，盲目大刀阔斧只会带来更多混乱。本文结合 C 语言的特点，从项目评估、目录规划、宏与内联、接口封装、冗余剔除、测试与 CI、迭代重构…...

编程日记 2025/9/8 2:05:42

网络层——蚂蚁和信鸽的关系VS路由原理和相关配置

前言（🐜✉️🕊️） 今天内容的主角是蚂蚁（动态路由）和信鸽（静态路由），为什么这么说呢，来看一则小故事吧。森林里，森林邮局要送一份重要信件&am…...

编程日记 2025/9/1 15:16:40

Python Pandas库简介及常见用法

Python Pandas库简介及常见用法一、 Pandas简介1. 简介2. 主要特点（一）强大的数据结构（二）灵活的数据操作（三）时间序列分析支持（四）与其他库的兼容性 3.应用场景（一&…...

编程日记 2025/8/20 15:19:08

第十六届蓝桥杯复盘

文章目录 1.数位倍数2.IPv63.变换数组4.最大数字5.小说6.01串7.甘蔗8.原料采购省赛过去一段时间了，现在复盘下，省赛报完名后一直没准备所以没打算参赛，直到比赛前两天才决定参加，赛前两天匆匆忙忙下载安装了比赛要用的编译器ecli…...

编程日记 2025/9/5 9:50:20

【已解决】HBuilder X编辑器在外接显示器或者4K显示器怎么界面变的好小问题

触发方式：主要涉及DPI缩放问题，可能在电脑息屏有概率触发修复方式： 1.先关掉软件直接更改屏幕缩放，然后打开软件，再关掉软件恢复原来的缩放，再打开软件就好了 2.(不推荐）右键HBuilder在属性里…...

编程日记 2025/8/30 18:19:57

直线型绝对值位移传感器：精准测量的科技利刃

在科技飞速发展的今天，精确测量成为了众多领域不可或缺的关键环节。无论是工业自动化生产线上的精细操作，还是航空航天领域中对零部件位移的严苛把控，亦或是科研实验中对微小位移变化的精准捕捉，都离不开一款高性能的测量设备——…...

编程日记 2025/8/29 23:52:27

解决服务器重装之后vscode Remote-SSH无法连接的问题

在你的windows命令窗口输入： ssh-keygen -R 服务器IPssh-keygen 不是内部或外部命令 .找到Git(安装目录)/usr/bin目录下的ssh-keygen.exe(如果找不到，可以在计算机全局搜索) 2.属性–>高级系统设置–>环境变量–>系统变量,找到Path变量&#…...

编程日记 2025/7/11 23:12:44

AI 招聘系统科普：如何辨别真智能与伪自动化

一、传统招聘模式的效率困境在数字化转型浪潮中，传统招聘模式的效率瓶颈日益凸显。以中大型企业为例，HR 约 60% 的工作时间消耗在重复操作上： 职位发布：需在多个渠道手动登录、填写字段，单次耗时超 20 分钟&#xf…...

编程日记 2025/9/1 2:32:29

Ansible模块——管理100台Linux的最佳实践

使用 Ansible 管理 100 台 Linux 服务器时，推荐遵循以下最佳实践，以提升可维护性、可扩展性和安全性。以下内容结合实战经验进行总结，适用于中大型环境（如 100 台服务器）： 一、基础架构设计 1. 分组与分层…...

编程日记 2025/9/2 17:34:48

从0开始学习大模型--Day09--langchain初步使用实战

众所周知，一味地学习知识，所学的东西和概念都是空中楼阁，大部分情况下，实战都是很有必要的，今天就通过微调langchain来更深刻地理解它。中间如何进入到langchain界面请参考结尾视频链接。首先，进入界面…...

编程日记 2025/9/2 23:22:10

C++中的菱形继承问题

假设有一个问题，类似于鸭子这样的动物有很多种，如企鹅和鱿鱼，它们也可能会有一些共同的特性。例如，我们可以有一个叫做 AquaticBird （涉禽，水鸟的一类）的类，它又继承自 Animal 和 Sw…...

编程日记 2025/9/3 12:42:15

订单越来越到导致接口列表查询数据缓慢解决思路

文章目录 **一、前期诊断：定位性能瓶颈****1. 数据现状分析****2. 业务场景梳理** **二、基础优化：快速提升性能****1. 索引精准优化****2. 表结构优化（垂直分表）****3. 读写分离与缓存策略** **三、架构升级：应对千万…...

编程日记 2025/6/2 10:28:29

word格式相关问题

页眉 1 去除页眉横线： 双击打开页眉，然后点击正文样式，横线就没有了。 2 让两部分内容的页眉不一样： 使用“分节符”区分两部分内容，分节符可以在“布局-分隔符”找到。然后双击打开页眉，取消“链接到前一…...

编程日记 2025/6/3 21:37:44

网络-MOXA设备基本操作

修改本机IP和网络设备同网段，输入设备IP地址进入登录界面，交换机没有密码，路由器密码为moxa 修改设备IP地址交换机路由器环网启用Turbo Ring协议：在设备的网络管理界面中，找到环网配置选项，启用Turb…...

编程日记 2025/9/1 15:36:17

飞桨paddle import fluid报错【已解决】

跟着飞桨的安装指南安装了paddle之后 pip install paddlepaddle有一个验证： import paddle.fluid as fluid fluid.install check.run check()报错情况如下，但是我在pip list中，确实看到了paddle安装上了我import paddle别的包&#xff0c…...

编程日记 2025/9/12 8:42:00

测试工程师要如何开展单元测试

单元测试是软件开发过程中至关重要的环节，它通过验证代码的最小可测试单元(如函数、方法或类)是否按预期工作，帮助开发团队在早期发现和修复缺陷，提升代码质量和可维护性。以下是测试工程师开展单元测试的详细步骤和方法： 一、理…...

编程日记 2025/8/20 15:39:14

IPv4 地址嵌入 IPv6 的前缀转换方式详解

1. 概述在 IPv4 和 IPv6 网络共存的过渡期，NAT64（Network Address Translation 64）是一种关键技术，用于实现 IPv6-only 网络与 IPv4-only 网络的互操作。NAT64 前缀转换通过将 IPv4 地址嵌入到 IPv6 地址中，允许 IPv…...

编程日记 2025/9/1 6:55:56

野火鲁班猫(arrch64架构debian)从零实现用MobileFaceNet算法进行实时人脸识别（三）用yolov5-face算法实现人脸检测

环境直接使用第一篇中安装好的环境即可先clone yolov5-face项目 git clone https://github.com/deepcam-cn/yolov5-face.git 并下载预训练权重文件yolov5n-face.pt 网盘链接: https://pan.baidu.com/s/1xsYns6cyB84aPDgXB7sNDQ 提取码: lw9j （野火官方提供&am…...

编程日记 2025/8/30 1:05:06

IS-IS 中间系统到中间系统

前言： 中间系统到中间系统IS-IS（Intermediate System to Intermediate System）属于内部网关协议IGP（Interior Gateway Protocol），用于自治系统内部 IS-IS也是一种链路状态协议，使用最短路径优先…...

编程日记 2025/9/4 13:40:53

【图像生成大模型】HunyuanVideo：大规模视频生成模型的系统性框架

HunyuanVideo：大规模视频生成模型的系统性框架引言HunyuanVideo 项目概述核心技术1. 统一的图像和视频生成架构2. 多模态大语言模型（MLLM）文本编码器3. 3D VAE4. 提示重写（Prompt Rewrite） 项目运行方式与执行步骤1. …...

编程日记 2025/9/9 9:12:22

GitHub 趋势日报 (2025年05月19日)

本日报由 TrendForge 系统生成 https://trendforge.devlive.org/ 🌐 本日报中的项目描述已自动翻译为中文 📈 今日整体趋势 Top 10 排名项目名称项目描述今日获星总星数语言1public-apis/public-apis免费API的集体清单⭐ 1821⭐ 344364Python2virattt/a…...

编程日记 2025/7/14 8:50:42

如何使用Java生成pdf报告

文章目录一、环境准备与Maven依赖说明二、核心代码解析1. 基础文档创建2. 中文字体处理3. 复杂表格创建4. 图片插入三、完整代码示例四、最终效果这篇主要说一下如何使用Java生成pdf，包括标题，文字，图片，表格的插入和调整等相关…...

编程日记 2025/9/12 17:03:59

HarmonyOS鸿蒙应用规格开发指南

在鸿蒙生态系统中，应用规格是确保应用符合系统要求的基础。本文将深入探讨鸿蒙应用的规格开发实践，帮助开发者打造符合规范的应用。应用包结构规范 1. 基本配置要求包结构规范符合规范的应用包结构正确的HAP配置文件完整的应用信息示例配置&…...

编程日记 2025/9/9 2:17:31

【Harmony】【鸿蒙】List列表View如何刷新内部的自定义View的某一个控件

创建自定义View Component export struct TestView{State leftIcon?:Resource $r(app.media.leftIcon)State leftText?:Resource | string $r(app.string.leftText)State rightText?:Resource | string $r(app.string.rightText)State rightIcon?:Resource $r(app.med…...

编程日记 2025/6/6 11:30:38