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

/src/utils/request.ts：axios 请求封装，适用于需要统一处理请求和响应的场景

news 来源：原创 2025/7/13 11:22:45

文章目录

- - 数据结构解释
  - 1. 核心功能
  - 2. 代码结构分析
  - - 请求拦截器
    - 响应拦截器
  - 3. 改进建议
  - 4. 总结

console.log('Intercepted Response:', JSON.stringify(response));

{"data": {"code": 0,"msg": "成功","data": {"id": 76,"inviteCode": "957989","invitorId": 56,"remark": "测试","generatedDate": "2025-01-08T16:55:27.163","expireTime": "2025-01-15T16:55:27.163","inviteLevel": 2,"status": 0,"boundPhone": null,"weixinNickname": null,"weixinHeadimg": null,"boundWxUid": null,"adminId": null,"userId": null,"isLocked": 0,"createdDate": "2025-01-08T16:55:27.163","lastModifiedDate": "2025-01-08T16:55:27.163"}},"status": 200,"statusText": "","headers": {"cache-control": "no-cache, no-store, max-age=0, must-revalidate","content-type": "application/json;charset=UTF-8","expires": "0","pragma": "no-cache"},"config": {"url": "/api/invite-codes/generate","method": "post","params": {"invitorId": 56,"remark": "测试"},"headers": {"Accept": "application/json, text/plain, */*","token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI1NiIsInJvbGUiOiJST0xFX0NPTVBBTllfU1VQRVIiLCJleHAiOjE3MzY0MDA5MDMsInVzZXJOYW1lIjoiMTg2NjE5Nzc1ODEiLCJ0eXBlIjoiYWRtaW4iLCJpYXQiOjE3MzYzMTQ1MDN9.OBFnxtoE4A2RO6gAcVm_CUkvJl_j6wpUkOPZOZySwEk"},"baseURL": "http://127.0.0.1:8087/","transformRequest": [null],"transformResponse": [null],"timeout": 0,"withCredentials": false,"xsrfCookieName": "XSRF-TOKEN","xsrfHeaderName": "X-XSRF-TOKEN","maxContentLength": -1},"request": {}
}

数据结构解释

data: 包含实际业务响应数据，其中：
- code: 响应码，0 表示成功。
- msg: 响应消息。
- data: 具体数据，包括邀请码的详细信息。
status: HTTP 状态码，200 表示请求成功。
headers: 响应头信息。
config: 请求配置详情，包括 URL、请求方法、参数、头部信息等。
request: 请求对象，具体内容在此为空。

如需对其中的字段进行详细解析，请告知我！ 😊

// spid-admin/src/utils/request.ts
import axios from 'axios'
import { Message, MessageBox } from 'element-ui'
import { UserModule } from '@/store/modules/user'
import { api } from '@/utils/public-path'let logoutCount:number = 0
const service = axios.create({baseURL: api, // url = base url + request urltimeout: 0,withCredentials: false // send cookies when cross-domain requests
})// Request interceptors
service.interceptors.request.use((config) => {// Add X-Access-Token header to every request, you can add other custom headers hereif (UserModule.token) {const { token }: any = JSON.parse(UserModule.token)config.headers['token'] = token}//console.log('Request config:', config); // 添加这行代码return config},(error) => {Promise.reject(error)}
)// Response interceptors
service.interceptors.response.use((response) => {//console.log('Intercepted Response:', JSON.stringify(response));//console.log('Full Response Data:', JSON.stringify(response, null, 2));// Some example codes here:// You can change this part for your own usage.// status == 200: success// code === 0: success// code === 1: invalid access tokenconst res = response.dataif (res.code !== 0) {if (res.code === 1) {Message({message: res.msg || 'Error',type: 'warning',duration: 5 * 1000})return response.data} else if (res.code === 7) {MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录','确定登出',{confirmButtonText: '重新登录',cancelButtonText: '取消',type: 'warning'}).then(() => {logoutCount = 0localStorage.clear()sessionStorage.clear()UserModule.ResetToken()location.reload() // To prevent bugs from vue-router})} else if (res.indexOf('form') !== -1) {// 支付宝支付 ....... 为什么不改造成正常接口呢 不理解return Promise.resolve(res)} else {Message({message: res.msg || 'Error',type: 'error',duration: 5 * 1000})return Promise.reject(new Error(res.msg || 'Error'))}} else {return response.data}},(error) => {console.log(error)let errorInfo = error.responselet msgif (!errorInfo) {const { request: { statusText, status }, config } = JSON.parse(JSON.stringify(error))errorInfo = {statusText,status,request: { responseURL: config.url }}msg = status + '：' + errorInfo.statusText} else {if (error.response.data.code === -1) {if (logoutCount === 0) {MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录','确定登出',{confirmButtonText: '重新登录',cancelButtonText: '取消',type: 'warning'}).then(() => {logoutCount = 0localStorage.clear()sessionStorage.clear()UserModule.ResetToken()location.reload() // To prevent bugs from vue-routermsg = error.response.data.msg})logoutCount++return}} else if (errorInfo.data.code === 1 || errorInfo.data.code === 2) {msg = errorInfo.data.msg} else {msg = error.response.data.status + '：' + error.response.data.message}}Message({message: msg,type: 'error',duration: 5 * 1000})return Promise.reject(msg)}
)export default service

这段代码是一个基于 axios 的请求封装，主要用于处理 HTTP 请求的拦截和响应拦截。它结合了 Element UI 的消息提示和弹窗组件，实现了以下功能：

1. 核心功能

请求拦截：
- 在请求发送之前，检查用户是否已登录（通过 UserModule.token）。
- 如果用户已登录，将 token 添加到请求头中。
响应拦截：
- 对响应数据进行统一处理，根据返回的 code 值判断请求是否成功。
- 处理特定的错误码（如 code === 1 或 code === 7），并显示相应的提示信息。
- 在用户登录状态失效时，弹出确认框提示用户重新登录。

2. 代码结构分析

请求拦截器

service.interceptors.request.use((config) => {if (UserModule.token) {const { token }: any = JSON.parse(UserModule.token);config.headers['token'] = token;}return config;},(error) => {Promise.reject(error);}
);

功能：
- 在每次请求发送之前，检查用户是否已登录。
- 如果已登录，将 token 添加到请求头中。
注意：
- UserModule.token 是从 Vuex 模块中获取的，需要确保 UserModule 已正确初始化。

响应拦截器

service.interceptors.response.use((response) => {const res = response.data;if (res.code !== 0) {if (res.code === 1) {Message({message: res.msg || 'Error',type: 'warning',duration: 5 * 1000,});return response.data;} else if (res.code === 7) {MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录','确定登出',{confirmButtonText: '重新登录',cancelButtonText: '取消',type: 'warning',}).then(() => {logoutCount = 0;localStorage.clear();sessionStorage.clear();UserModule.ResetToken();location.reload(); // To prevent bugs from vue-router});} else if (res.indexOf('form') !== -1) {// 支付宝支付 ....... 为什么不改造成正常接口呢 不理解return Promise.resolve(res);} else {Message({message: res.msg || 'Error',type: 'error',duration: 5 * 1000,});return Promise.reject(new Error(res.msg || 'Error'));}} else {return response.data;}},(error) => {console.log(error);let errorInfo = error.response;let msg;if (!errorInfo) {const { request: { statusText, status }, config } = JSON.parse(JSON.stringify(error));errorInfo = {statusText,status,request: { responseURL: config.url },};msg = status + '：' + errorInfo.statusText;} else {if (error.response.data.code === -1) {if (logoutCount === 0) {MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录','确定登出',{confirmButtonText: '重新登录',cancelButtonText: '取消',type: 'warning',}).then(() => {logoutCount = 0;localStorage.clear();sessionStorage.clear();UserModule.ResetToken();location.reload(); // To prevent bugs from vue-routermsg = error.response.data.msg;});logoutCount++;return;}} else if (errorInfo.data.code === 1 || errorInfo.data.code === 2) {msg = errorInfo.data.msg;} else {msg = error.response.data.status + '：' + error.response.data.message;}}Message({message: msg,type: 'error',duration: 5 * 1000,});return Promise.reject(msg);}
);

功能：
- 对响应数据进行统一处理。
- 根据返回的 code 值判断请求是否成功，并显示相应的提示信息。
- 处理特定的错误码（如 code === 1 或 code === 7），并在用户登录状态失效时弹出确认框提示用户重新登录。
注意：
- code === 7 表示用户登录状态失效，会清除本地存储并刷新页面。
- code === 1 表示请求失败，会显示警告信息。
- 其他错误码会显示错误信息。

3. 改进建议

支付宝支付逻辑：
- 代码中提到 res.indexOf('form') !== -1 是处理支付宝支付的逻辑，但注释中提到“为什么不改造成正常接口呢不理解”。建议将支付宝支付逻辑改造为标准的接口返回格式，以便统一处理。
错误处理：
- 在 error.response 为空时，手动构造错误信息。可以考虑使用更健壮的方式处理网络错误。
logoutCount 的作用：
- logoutCount 用于防止多次弹出登录失效的确认框。可以考虑使用更优雅的方式实现，例如在 Vuex 中维护登录状态。

4. 总结

这段代码是一个典型的 axios 请求封装，适用于需要统一处理请求和响应的场景。它结合了 Element UI 的消息提示和弹窗组件，提供了良好的用户体验。通过进一步优化错误处理和逻辑封装，可以提高代码的可维护性和健壮性。

在这里插入图片描述

/src/utils/request.ts：axios 请求封装，适用于需要统一处理请求和响应的场景

文章目录数据结构解释1. 核心功能2. 代码结构分析请求拦截器响应拦截器 3. 改进建议4. 总结 console.log(Intercepted Response:, JSON.stringify(response));{"data": {"code": 0,"msg": "成功","data": {"id":…...

编程日记 2025/7/13 11:22:45

蓝桥杯第十五届研究生组 B题召唤数学精灵

问题描述： 数学家们发现了两种用于召唤强大的数学精灵的仪式，这两种仪式分别被称为累加法仪式 A(n) 和累乘法仪式 B(n)。累加法仪式 A(n) 是将从 1 到 n 的所有数字进行累加求和，即：A(n)12⋯n累乘法仪式 B(n) 则是将从 1 到 n 的所…...

编程日记 2025/7/11 16:35:27

四种编译方式（make、cmake、configure、autogen.sh）

文章目录一、make特征编译步骤（make）样例编译二、cmake特征编译步骤（cmake --> make）样例编译三、configure特征编译步骤（./configure --> make）样例编译四、autogen.sh特征编译步骤（./autogen.sh --> ./configure --> make）样例编译总结一、make 特征 …...

编程日记 2025/7/11 5:23:03

Cursor 实战技巧：好用的提示词插件Cursor Rules

你好啊，见字如面。感谢阅读，期待我们下一次的相遇。最近在小红书发现了有人分享这款Cursor提示词的插件，下面给各位分享下使用教程。简单来说Cursor Rules就是可以为每一个我们自己的项目去配置一个系统级别的提示词，这样在我们…...

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

mysql事务及隔离机制

mysql总结 mysql事务特性： 原子性（Atomicity）一致性（Consistency）隔离性（Isolation）持久性（Durability） 并发访问数据库造成的问题： 脏读：读到…...

编程日记 2025/7/13 17:30:44

《护网行动与数字时代：如何应对日益复杂的网络威胁？》

什么是护网 1.什么是护网行动护网行动是由公安部牵头组织的网络安全攻防演练活动，旨在评估和提升企事业单位的网络安全防护能力。具体来说，护网行动通过模拟真实的网络攻击场景，组织攻防双方进行对抗演练，以检测企事业单位网…...

编程日记 2025/7/13 17:14:59

1月9日星期四今日早报简报微语报早读

1月9日星期四，农历腊月初十，早报#微语早读。 1、上海排查47家“俄罗斯商品馆”：个别店铺被责令停业，立案调查； 2、西藏定日县已转移受灾群众4.65万人，检测到余震646次； 3、国家发改委&#x…...

编程日记 2025/7/13 17:07:25

科大讯飞前端面试题及参考答案（下）

除了 echarts 还了解其它画图工具吗？除了 Echarts，还有不少优秀的画图工具可供选择使用。 Highcharts：它是一款功能强大且应用广泛的图表绘制工具，支持多种常见的图表类型，像柱状图、折线图、饼图、散点图等，同时也能创建较为复杂的图表，比如仪表盘图表、极坐标图等。H…...

编程日记 2025/7/8 22:58:27

以启动java程序进行示例,其他程序也可按照该方式进行配置 [Unit] DescriptionMy Java Service Afternetwork.target[Service] WorkingDirectory/opt/myapp # 设置你的 jar 文件所在目录 ExecStart/usr/bin/java -jar myapp.jar # 替换为你的 jar 启动命令 Restartalways Re…...

编程日记 2025/7/13 8:53:13

linux-28 文本管理(一）文本查看，cat，tac，more，less，head，tail

之前提到过linux的几个重要哲学思想，使用纯文本文件保存软件的配置信息是其中之一，所以大多数情况下，我们对整个系统的操作，都是通过编辑它的配置文件来完成，那也就意味着，处理文本文件是我们作为系统管理员…...

编程日记 2025/7/13 17:15:37

Springboot3巧妙运用拦截器阻断xss攻击

Springboot3巧妙运用拦截器阻断xss攻击什么是xss跨站脚本攻击类型简单示例解决方法拦截器代码使用demo 什么是xss 人们经常将跨站脚本攻击（Cross Site Scripting）缩写为CSS，但这会与层叠样式表（Cascading Style Sheets&#xff…...

编程日记 2025/7/12 19:29:24

leetcode 2551. 将珠子放入背包中

题目如下数据范围示例题目的意思是将一个长度为n的数组weight(简称w)分成k个小数组,同时计算这些小数组的边界和。设i (0 < i < n - 1) 首先我们假设已经找到最大分数序列即划分的小数组最优令 j1,j2,j3.....jk为这些小数组的左端点(不包括第一个小数组)。则有…...

编程日记 2025/7/13 1:03:10

【Spring】SpringBoot整合ShardingSphere并实现多线程分批插入10000条数据（进行分库分表操作）。

??个人主页：哈__ 期待您的关注目录一、ShardingSphere简介 ?1.Sharding-JDBC 2.Sharding-Proxy? 3.Sharding-Sidecar（TBD）? 二、为什么用到ShardingSphere? 三、数据分片四、SpringBoot整合ShardingSphere 1.创建我们的数据…...

编程日记 2025/7/13 0:42:04

Python中的ast.literal_eval：安全地解析字符串为Python对象

Python中的ast.literal_eval：安全地解析字符串为Python对象什么是ast.literal_eval？为什么说它是“安全”的？ 如何使用ast.literal_eval？示例1：将字符串转换为列表示例2：将字符串转换为字典示例3&#xff…...

编程日记 2025/7/13 0:01:13

前端用json-server来Mock后端返回的数据处理

<html><body><div class"login-container"><h2>登录</h2><div class"login-form"><div class"form-group"><input type"text" id"username" placeholder"请输入用户名&q…...

编程日记 2025/7/13 0:37:12

【linux】文件与目录命令 - mv

文章目录 1. 基本用法2. 常用参数3. 用法举例4. 注意事项 mv 命令用于移动或重命名文件和目录，是 Linux 系统中管理文件的重要工具之一。它既能移动文件到指定路径，也能重命名文件或目录。 1. 基本用法语法： mv [选项] 源文件目标文件 mv…...

编程日记 2025/7/13 0:41:24

OSPF - LSA对照表

LSA的三要素，如何唯一表示一条LSA Type：表示是几类的LSA Link-id：这个比较特殊，不同的LSA的Link-ID不同 Advertising router：谁产生的LSA 常用的就是1、2、3、4、5、7型LSA 点击蓝字跳转LSA详细介绍(持续更新中…...

编程日记 2025/7/13 0:45:06

Mongodb基础sqL

------------------------------------------数据库------------------------------ (2).查看所有数据库 show dbs (3).选择数据库，如果不存在则隐式创建这个数据库 use 数据库名 ------------------------------------------集合------------------------------ …...

编程日记 2025/7/13 0:48:25

uniapp开发u-icon图标不显示问题

uniapp开发图标用u-icon不显示，换成uv-icon就可以了插件市场从这里下载：uv-ui 破釜沉舟之兼容vue32、app、h5、小程序等多端，灵活导入，利剑出击 - DCloud 插件市场组件库看这个：介绍 | 我的资料管理-uv-ui 是全面兼…...

编程日记 2025/7/13 1:04:58

宁德时代2025年Verify入职测评语言理解及数字推理真题SHL题库汇总、考情分析

宁德时代社招Verify入职测评对薪酬有着重要影响，其规定正确率达到80%才能顺利通过测评。这体现了公司对人才专业素养与能力的严格要求，旨在筛选出真正符合岗位需求的优秀人才。测评内容涵盖了专业知识、技能运用、逻辑思维等多方面，只有综合能…...

编程日记 2025/7/12 23:45:07

Spring Data Elasticsearch简介

一、Spring Data Elasticsearch简介 1 SpringData ElasticSearch简介 Elasticsearch是一个实时的分布式搜索和分析引擎。它底层封装了Lucene框架,可以提供分布式多用户的全文搜索服务。 Spring Data ElasticSearch是SpringData技术对ElasticSearch原生API封装之后的产物,它通…...

编程日记 2025/7/13 1:27:18

即插即用，无缝集成各种模型，港科大蚂蚁等发布Edicho：图像编辑一致性最新成果！

文章链接：https://arxiv.org/pdf/2412.21079 项目链接：https://ezioby.github.io/edicho/ 亮点直击显式对应性引导一致性编辑：通过将显式图像对应性融入扩散模型的去噪过程，改进自注意力机制与分类器自由引导（CFG&…...

编程日记 2025/7/12 7:48:55

鸿蒙开发（29）弹性布局 (Flex)

概述弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方…...

编程日记 2025/7/13 1:01:07

华为 Sensor 省电策略调研

华为EMUI 9.0.0.187（C00E57R1P15） 无该功能华为EMUI 9.1.0.321（C00E320R1P1） 之后有sensor管控一、华为 Sensor 省电策略 1. Sensor 类别只配置非唤醒类Sensor 2. 手机静止情况，应用不可见时达到1分钟&#xff0…...

编程日记 2025/7/13 0:12:37

Kotlin语言的网络编程

Kotlin语言的网络编程 Kotlin作为一种现代的编程语言，其简洁、安全和高效的特性使得在开发各种应用时得到广泛认可。尤其是在网络编程方面，Kotlin凭借其与Java的高度兼容性以及丰富的库支持，使得网络操作变得更加简单易用。本文将详细探讨Ko…...

编程日记 2025/7/13 0:11:57

redis：安装部署、升级以及失败回退

安装部署一、准备工作 1. 检查系统要求确保你的服务器满足 Redis 的基本要求：操作系统：支持的 Linux 发行版（如 Ubuntu, CentOS）内存：至少 4GB（根据实际应用需求调整）CPU：单核或多核 CPU磁盘空间：足够的磁盘空间用于数据存储和日志记录2. 更新系统软件包在开始…...

编程日记 2025/7/13 0:25:42

3. ML机器学习

1.人工智能与机器学习的关系机器学习是人工智能的一个重要分支，是人工智能的一个子集。它无需显式编程，而是通过数据和算法使机器能够自动学习和改进，从而实现智能行为。机器学习依赖于算法来识别数据中的模式，并通过这些模式做出…...

编程日记 2025/7/12 18:19:57

在高德地图上加载3DTilesLayer图层模型/天地瓦片

1. 引入必要的库 Three.js：一个用于创建和显示3D图形的JavaScript库。vuemap/three-layer：一个Vue插件，它允许你在高德地图中添加Three.js图层。vuemap/layer-3dtiles：一个用于处理3D Tiles格式数据的Vue插件，可以用来…...

编程日记 2025/7/12 23:48:03

用户使用LLM模型都在干什么？

Anthropic 对用户与 Claude 3.5 Sonnet 的大量匿名对话展开分析，主要发现及相关情况如下： 使用用途分布软件开发主导：在各类使用场景中，软件开发占比最高，其中编码占 Claude 对话的 15% - 25%，网页和移动应…...

编程日记 2025/7/13 0:31:03

2 抽象工厂（Abstract Factory）模式

抽象工厂模式 1.1 分类 （对象）创建型 1.2 提出问题家具店里有沙发、椅子、茶几等产品。产品有不同风格，如现代、北欧、工业。希望确保客户收到的产品风格统一，并可以方便地添加新产品和风格。 1.3 解决方案提供一个创建一…...

编程日记 2025/7/13 0:08:09

数据结构-串

串的实现在C语言中所使用的字符串就是串的数据类型的一种。串的存储结构定长顺序存储表示类似于线性表的顺序存储结构，用一组连续的存储单元存储串值的字符序列。 #define MAXLEN 255 //预定义最大串长为255 typedef struct SString {char ch[MAXLEN]; …...

编程日记 2025/7/12 23:45:53

C#，图论与图算法，有向图（Direct Graph）广度优先遍历（BFS，Breadth First Search）算法与源程序

1 图的广度优先遍历图的广度优先遍历（或搜索）类似于树的广度优先遍历（参见本文的方法2）。这里唯一需要注意的是，与树不同，图可能包含循环，因此我们可能再次来到同一个节点。为了避免多次处理节…...

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

使用ElasticSearch查询

从一个query body开始 {"query": {"bool": {"disable_coord": true,"must": [{"match": {"enabled": "1"}},{"range": {"effectTime": {"lt": "2017-06-13 13:33:…...

编程日记 2025/7/13 1:26:36

PyCharm+RobotFramework框架实现UDS自动化测试——（一）python-can 库的安装与环境配置

从0开始学习CANoe使用从0开始学习车载测试相信时间的力量星光不负赶路者，时光不负有心人。文章目录 1. 概述2.安装 python-can 库—基于pycharm在对应的工程下3. 在任意盘中安装环境4. 导入 can 模块语法5. 配置 CAN 接口6.CANoe设备连接语法 1. 概述本专栏主…...

编程日记 2025/7/13 1:13:43

C# 值类型和引用类型详解

简介在 C# 中，值类型和引用类型是两个基础的数据类型类别，它们的主要区别在于存储位置和赋值方式。值类型值类型存储的是数据本身，分配在栈 (Stack) 中。当一个值类型变量被赋值给另一个变量时，会复制值。值类型的特点…...

编程日记 2025/7/12 22:43:50

计算机网络 —— 网络编程（TCP）

计算机网络 —— 网络编程（TCP） TCP和UDP的区别TCP (Transmission Control Protocol)UDP (User Datagram Protocol) 前期准备listen （服务端）函数原型返回值使用示例注意事项 accpect （服务端）函数原型返回…...

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

[Unity Shader] Shader基础光照3：环境光与自发光

在Unity中，光照是场景渲染的关键组成部分。正确使用环境光和自发光能够大大提高场景的真实感和视觉效果。本篇文章将详细介绍Unity中的环境光和自发光的基本概念，以及如何在编辑器和Shader中进行操作和实现。 1. 环境光（Ambient Light） 1.1 环境光的定义环境光是场景中…...

编程日记 2025/7/13 1:04:58

云原生安全风险分析

一、什么是云原生安全云原生安全包含两层含义： 面向云原生环境的安全具有云原生特征的安全 0x1：面向云原生环境的安全面向云原生环境的安全的目标是防护云原生环境中基础设施、编排系统和微服务等系统的安全。这类安全机制不一定具备云原生的特性…...

编程日记 2025/7/13 1:21:14

Redis 安装与配置指南

Redis 安装与配置指南目录安装说明 Linux 安装 Redis 3.0 压缩包上传服务器编译和安装修改配置启动 Redis关闭 Redis 卸载 RedisRedis 集群配置 Master 主库配置启动 Master 节点的 Redis 和 Sentinel客户登录验证Slave 从库配置查看集群数据验证安装说明 Linux 安装 R…...

编程日记 2025/7/12 23:41:57

C语言Day13（c程序设计小红书+pta）

目录 （一）用函数调用实现，把最小的数字放在最前面，把最大的放在最后边 （二）使数字向后移m位 （三）用户自定义数据类型： （四）候选人计票数 &am…...

编程日记 2025/7/13 0:46:05

C++二十三种设计模式之迭代器模式

C二十三种设计模式之迭代器模式一、组成二、特点三、目的四、缺点五、示例代码一、组成抽象聚合类：存储集合元素，声明管理集合元素接口。具体聚合类：实现管理集合元素接口。抽象迭代器类：声明访问和遍历聚合类元素的接口。 …...

编程日记 2025/7/13 1:02:11

【AI游戏】使用强化学习玩 Flappy Bird：从零实现 Q-Learning 算法（附完整资源）

1. 引言 Flappy Bird 是一款经典的休闲游戏，玩家需要控制小鸟穿过管道，避免碰撞。虽然游戏规则简单，但实现一个 AI 来自动玩 Flappy Bird 却是一个有趣的挑战。本文将介绍如何使用 Q-Learning 强化学习算法来训练一个 AI，使其能够…...

编程日记 2025/7/13 0:05:02

VSCode 中的 launch.json 配置使用

VSCode 中的 launch.json 配置使用在 VSCode 中，launch.json 文件用于配置调试设置，特别是用来定义如何启动和调试你的应用。它允许你配置不同的调试模式、运行参数和调试选项。基本结构 launch.json 文件位于 .vscode 文件夹内，可以通过…...

编程日记 2025/7/13 0:37:11

深度学习算法：开启智能时代的钥匙

引言深度学习作为机器学习的一个分支，近年来在图像识别、自然语言处理、语音识别等多个领域取得了革命性的进展。它的核心在于构建多层的神经网络，通过模仿人脑处理信息的方式，让机器能够从数据中学习复杂的模式。深度学习算法的基本原理…...

编程日记 2025/7/12 23:48:02

Clojure语言的并发编程

Clojure语言的并发编程引言在现代软件开发中，并发编程成为了处理多个任务、提高应用效率和响应速度的重要手段。尤其是在多核处理器逐渐成为主流的今天，如何高效利用这些计算资源是每个开发者面临的挑战。Clojure作为一种函数式编程语言，…...

编程日记 2025/7/13 1:10:14

MySQL学习记录1【DQL和DCL】

SQL学习记录该笔记从DQL处开始记录 DQL之前值得注意的点字段 BETWEEN min AND max 可以查询区间[min, max]的数值如果同一个字段需要满足多个OR条件，可以采取字段 IN(数值1, 数值2, 数值3....)LIKE语句字段 LIKE ___%%% 表示模糊匹配，_匹配一个字段…...

编程日记 2025/7/13 0:25:42

EasyExcel的应用

一、简单使用引入依赖： 这里我们可以使用最新的4.0.2版本，也可以选择之前的稳定版本，3.1.x以后的版本API大致相同，新的版本也会向前兼容（3.1.x之前的版本，部分API可能在高版本被废弃）&…...

编程日记 2025/7/13 0:22:46

JS控制对应数据隐藏

首先需要获得到所有的input框，并声明一个空对象来存放，遍历所有的复选框，将他们中选中的放入对象，并设置键值为true，然后执行checkFalseValues(result)函数 function hideItem() {let checkboxes $(.setting_box inp…...

编程日记 2025/7/13 0:13:16