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

Axios 封装：处理重复调用与内容覆盖问题

news 来源：原创 2025/6/9 1:58:40

问题描述&背景

下拉选择框，支持搜索，搜索时携带参数调用接口并更新下拉选项
下拉选择连续进行多次搜索，先请求但响应时间长的返回值会覆盖后请求但响应时间短的
举例：
- 搜索后先清空选项，再输入内容进行搜索。清空后查询全量数据接口响应时间更长，覆盖搜索过滤后的数据

问题分析

连续多次请求导致问题
- 通过防抖debounce函数，限制短期内无法重复调用接口 - 使用 lodash 的 debounce 函数实现
- 若接口响应时间相差较大，仍会有覆盖问题，需要结合以下方法
接口响应慢导致问题
- 优化接口，如减少后端非必要属性的计算，提高响应速度 - 后端优化
接口调用重复问题
- 通过一些方法保证最后显示的数据为最晚发起的那个请求返回的值，方案见下文

方案选择及具体实施

在前一个请求响应前，阻止发起下一个请求（问题中通过禁用选择框 disabled=true 实现），避免返回值覆盖
- 实现方法
  - 接口请求时将组件的disabled和loading均设置为true
  - 返回后设置为false
- 优点
  - 可以减少接口调用，防止返回值相互覆盖
- 缺点
  - 禁用选择框会让其失去焦点，用户需要再次点击输入
  - 禁用状态的切换使得操作不连贯，用户有明显的感知，体验下降
  - 需要操作页面元素，需要额外代码
发送请求时，通过给每次请求添加一个序列号或时间戳，然后在处理响应时进行匹配，确保每次返回的结果与其对应
- 实现方法
  - 发送请求时生成唯一的标识符（时间戳）
  - 处理响应时保存该标识符
  - 匹配标识符更新数据
- 优点
  - 可以找出最新的请求赋值，保证数据为最后请求的
- 缺点
  - 需要多次更新使用的数据
  - 需要生成标识并用额外的变量储存标识，逻辑改动较大
  - 没有实际减少或取消无效的请求，占用资源多
发起新的请求时取消尚未完成的请求 ⭐️
- 运用技术
  - axios的取消请求：axios取消请求
  - 项目使用的axios版本为0.21.1，使用CancelToken
  - 更高版本使用AbortControllerAbortController：AbortController() 构造函数

AbortController实现方法

const controller = new AbortController();
const {data: { data },
} = await this.$http.get('/api/v1/xxx'params,signal: controller.signal
})
// 取消请求
controller.abort()

CancelToken实现方法

在data中定义cancelToken用于保存当前请求token

data() {return {...cancelToken: null,}
},

在查询方法中进行如下配置

// 防抖
searchOptions: debounce(async function (searchString) {// 取消上一次的请求if (this.cancelToken) {this.cancelToken.cancel()}// 创建 cancelTokenthis.cancelToken = axios.CancelToken.source()this.loading = trueconst params = {...}const {data: { data },} = await this.$http.get('/api/v1/xxx'params,cancelToken: this.cancelToken.token, // 请求时传入token})// 数据处理...this.loading = false// 清除cancelTokenthis.cancelToken = null},300,{leading: false,trailing: true,}
),

使用第三方插件进行优化 ⭐️
- 插件名称：axios-extensions
- 功能：缓存请求结果，节流请求，请求重试
- 缓存请求：cacheAdapterEnhancer
  cacheAdapterEnhancer(axios.defaults.adapter, option)
  - option 对象，可选
    - enabledByDefault：是否默认缓存，Boolean类型，默认是true(缓存)， false(不缓存)
    - cacheFlag：是否通过flag方式缓存，字符串类型，只有flag一样才会缓存，flag不对或者没设置的都不会缓存。
    - defaultCache：可以配置maxAge（缓存有效时间, 毫秒单位），默认是5分钟，max（支持缓存的请求的最大个数），默认是100个
- 完整代码 🚀

import axios from 'axios'
import { Cache, cacheAdapterEnhancer } from 'axios-extensions'const request = axios.create({baseURL: process.env.BASE_URL,adapter: cacheAdapterEnhancer(axios.defaults.adapter, {defaultCache: new Cache({ maxAge: 2000, max: 100 }),}),
})

扩展：
- 节流请求：throttleAdapterEnhancer
  throttleAdapterEnhancer(adapter, options)
  - option 对象，可选
    - threshold：限制请求调用的毫秒数，数字类型，默认是1000
    - cache：可以配置 max（节流请求的最大个数），默认是100个
- 请求重试：retryAdapterEnhancer
  retryAdapterEnhancer(adapter, options)
  - option 对象，可选
    - times：重试的次数，Number类型，默认是2，请求失败后会重试2次。

优化效果

杜绝先发起的请求结果覆盖旧发起的请求结果的情况
新的请求发起，取消当前进行中的请求，减少无用的请求调用
无需修改其他的业务逻辑，无需引入更多变量记录请求状态
用户没有感知，不会增加额外的用户操作

功能封装

封装一个基于 axios 的 HTTP 请求管理类：http.ts 🚀

import axios, { AxiosRequestConfig, CancelTokenSource } from 'axios'// 引入请求函数 包含一些请求拦截器或其他设置
import { request } from './axiosConfig' // 枚举 指定响应数据的格式（这里只举例1种返回体格式）
enum ResponseType {ResData, // 返回 res.data
}
// 完整的响应对象结构
interface ApiResponse<T> {data: {code: numbermessage: stringdata: T | null | undefined}status: numberheaders?: Record<string, string>config?: anyrequest?: any
}
// 异步请求的结果
type HttpResult<T> = Promise<T | ApiResponse<T> | any> // 扩展了 Axios 的请求配置，添加了两个自定义字段以支持请求取消功能
interface CustomAxiosRequestConfig extends AxiosRequestConfig {cancelPrevious?: boolean // 是否取消之前的请求cancelTokenId?: string // 保存取消请求tokenId
}class Http {// 存储 Http 类的实例，以便实现单例模式private static instancesMap: Map<string, Http> = new Map()// 存储与请求 URL 关联的取消令牌源，用于实现请求取消功能private static cancelTokenIdSourceMap: Map<string, CancelTokenSource> =new Map()private requestFunction: (config: AxiosRequestConfig) => Promise<any> // 请求方法private responseType: ResponseType = ResponseType.ResData // 相应数据格式类型// 构造函数-接收参数以配置请求函数、响应类型和公共URL前缀，同时初始化相关属性constructor({requestMethod = request,responseType = ResponseType.ResData,}: {requestMethod?: (config: AxiosRequestConfig) => Promise<any>}) {this.requestFunction = requestMethodthis.responseType = responseType}// 私有异步方法，用于执行 HTTP 请求，接受请求方法、URL 和配置private async createRequest<T>({method,url,config,}: {method: 'get' | 'post' | 'delete' | 'put'url: stringconfig: CustomAxiosRequestConfig}): HttpResult<T> {let source, cancelTokenIdif (config?.cancelPrevious) {// 取消之前的请求cancelTokenId = config?.cancelTokenId ?? this.getCancelTokenId(url)this.cancelPreviousRequest(cancelTokenId)// 创建新的取消令牌source = axios.CancelToken.source()}// 准备请求配置const requestConfig: AxiosRequestConfig = {...config,method,url,cancelToken: source?.token,}// 请求try {// 保存取消令牌if (cancelTokenId) Http.cancelTokenIdSourceMap.set(cancelTokenId, source)// 发起请求const res = await this.requestFunction(requestConfig)// 没有遇到重复请求-清空取消令牌if (cancelTokenId) Http.cancelTokenIdSourceMap.delete(cancelTokenId)// 返回响应值if (this.responseType === ResponseType.ResData) {return res.data as T} else {return res as ApiResponse<T>}} catch (error) { // 错误处理if (axios.isCancel(error)) {console.error('Request canceled', error.message)} else {if (cancelTokenId) Http.cancelTokenIdSourceMap.delete(cancelTokenId)console.error('Error:', error)}throw error}}private cancelPreviousRequest(cancelTokenId: string): void {const source = Http.cancelTokenIdSourceMap.get(cancelTokenId)source?.cancel(`Cancelled request ${cancelTokenId}`)}private getCancelTokenId(url: string): string {return url.split('?')[0] // 提取非 query 部分, 防止同一个get请求不同query时没取消}// 实现get方法public get<T>(url: string,config?: CustomAxiosRequestConfig): HttpResult<T> {return this.createRequest<T>({ method: 'get', url, config })}// 实现post方法public post<T>(url: string,data?: any,config?: CustomAxiosRequestConfig): HttpResult<T> {return this.createRequest<T>({method: 'post',url,config: { ...config, data },})}// 实现delete方法public delete<T>(url: string,config?: CustomAxiosRequestConfig): HttpResult<T> {return this.createRequest<T>({ method: 'delete', url, config })}// 实现put方法public put<T>(url: string,data?: any,config?: CustomAxiosRequestConfig): HttpResult<T> {return this.createRequest<T>({method: 'put',url,config: { ...config, data },})}// 单例// 该方法检查是否已经存在相同 ID 的实例，如果不存在，则创建一个新的实例并存储在 instancesMap 中。// 这样做的目的是减少同类实例的创建，确保在应用中使用的是同一个 Http 实例，从而管理配置和状态public static getInstance({requestMethod = request,responseType = ResponseType.ResData,instanceId = 'http',}: {requestMethod?: (config: AxiosRequestConfig) => Promise<any>responseType?: ResponseTypeinstanceId?: string}): Http {let instance = Http.instancesMap.get(instanceId)if (!instance) {instance = new Http({ requestMethod, responseType })Http.instancesMap.set(instanceId, instance)}return instance}
}// 导出实例
export const http = Http.getInstance({requestMethod: request,responseType: ResponseType.ResData,instanceId: 'http',
})

补充：

// Axios 请求实例
const request = axios.create({baseURL: process.env.BASE_URL,adapter: cacheAdapterEnhancer(axios.defaults.adapter, {defaultCache: new Cache({ maxAge: 2000, max: 100 }),}),
})

使用

await this.$http.post(`/xxx/xxx/${this.id}/xxx`,params
)

参考文档

来学习下axios的扩展插件1
来学习下axios的扩展插件2

Axios 封装：处理重复调用与内容覆盖问题

问题描述&背景下拉选择框，支持搜索，搜索时携带参数调用接口并更新下拉选项下拉选择连续进行多次搜索，先请求但响应时间长的返回值会覆盖后请求但响应时间短的举例： 搜索后先清空选项，再输入内容进行搜索。清空后…...

编程日记 2025/6/3 8:51:43

MySQL程序之：使用DNS SRV记录连接到服务器

在域名系统（DNS）中，SRV记录（服务位置记录）是一种资源记录，它使客户端能够指定指示服务、协议和领域的名称。DNS查找该名称会返回一个回复，其中包含该领域中提供所需服务的多个可用服务器的名称。…...

编程日记 2025/6/2 3:28:27

Swift Parameter-free Attention Network模型详解及代码复现

研究动机在深度学习领域，超分辨率技术的发展面临着模型复杂度与推理速度之间的权衡。传统的基于注意力的超分辨率网络虽然能提高性能，但往往需要较大的感受野和参数化的注意力图，这可能导致推理速度下降。为了解决这一问题，研究人员提出了Swift Parameter-free Atten…...

编程日记 2025/6/1 15:00:19

React进阶之react.js、jsx模板语法及babel编译

React React介绍React官网初识React学习MVCMVVM JSX外部的元素props和内部的状态statepropsstate 生命周期constructorgetDerivedStateFromPropsrendercomponentDidMount()shouldComponentUpdategetSnapshotBeforeUpdate(prevProps, prevState) 创建项目CRA：create-…...

编程日记 2025/6/2 23:38:53

渗透测试之XEE[外部实体注入]漏洞原理攻击手法 xml语言结构防御手法

目录原理 XML语言解释什么是xml语言： 以PHP举例xml外部实体注入 XML语言结构面试题目如何寻找xxe漏洞 XEE漏洞修复域防御提高版本代码修复 php java python 手动黑名单过滤(不推荐) 一篇文章带你深入理解漏洞之 XXE 漏洞 - 先知社区原理 XXE&…...

编程日记 2025/5/31 0:22:11

macOS安装Gradle环境

文章目录说明安装JDK安装Gradle 说明 gradle8.5最高支持jdk21，如果使用jdk22建议使用gradle8.8以上版本安装JDK mac系统安装最新（截止2024.9.13）Oracle JDK操作记录安装Gradle 下载Gradle，解压将其存放到资源java/env目录…...

编程日记 2025/5/30 18:00:38

openwrt下oaf插件编译安装，实现上网行为监控

文章目录入门级APP青少年模式设备屏幕使用时间电脑浏览器使用时间限制Surpal 介绍安装使用进阶级专业级旁路由方案openwrt路由器固件编译OAF(Open App Filter）安装编译带有oaf的固件固件烧写设备上电启动应用特征库设置黑白名单及应用访问限制骨灰级ref守护孩子视力，用科技“…...

编程日记 2025/6/3 0:42:47

Top期刊算法！RIME-CNN-BiLSTM-Attention系列四模型多变量时序预测

Top期刊算法！RIME-CNN-BiLSTM-Attention系列四模型多变量时序预测目录 Top期刊算法！RIME-CNN-BiLSTM-Attention系列四模型多变量时序预测预测效果基本介绍程序设计参考资料预测效果基本介绍基于RIME-CNN-BiLSTM-Attention、CNN-BiLSTM-Attention、R…...

编程日记 2025/6/4 1:14:27

GPT-4o背后的语音技术

GPT-4o背后的语音技术 GPT-4o是一个any2any的多模态模型，能够接受文本、音频、图像、视频等多模态输入，也能够生成包含文本、语音、图像和视频等混合内容的多模态输出。本文主要谈语音多模态的实现，并分享一些对于语音研究未来发展的看法。 GPT-4o (“o” 代表 “omni”) …...

编程日记 2025/6/3 16:18:34

数据库存储上下标符号，sqlserver 2008r2，dm8

sqlserver 2008r2： 数据类型需要用nvarchar插入数据时字符串前需要用N create table test( col1 varchar(50), col2 nvarchar(50) ) insert into test(col1,col2) values(U⁴⁵⁶⁷⁸⁹⁰D₁₂₃₄₅₆₇₈₉₀,U⁴⁵⁶⁷⁸⁹⁰D₁₂₃₄₅₆₇₈₉₀) insert into…...

编程日记 2025/6/4 1:15:31

【25】Word：林涵-科普文章❗

目录题目 NO1.2.3 NO4.5.6 NO7.8 NO9.10 NO11.12 不连续选择：按住ctrl按键，不连续选择连续选择：按住shift按键，选择第一个，选择最后一个。中间部分全部被选择题目 NO1.2.3 布局→纸张方向：横向…...

编程日记 2025/6/4 1:14:11

全面解析计算机网络：从局域网基础到以太网交换机！！！

一、局域网的基本概念和体系结构特点: 覆盖较小的地理范围较低的时延和误码率局域网内的各节点之间以“帧"为单位进行传输支持单播、广播、多播单播(一对一发送帧)：如 A->B广播(一对全部发送帧)：如 A->BCDEFG多播(一对部分发送帧)&#xff…...

编程日记 2025/6/4 1:14:59

《 C++ 点滴漫谈：二十二》操作符炼金术：用C++ operator重塑代码美学

摘要 C 的 operator 关键字和操作符重载是语言的核心特性之一，使开发者能够扩展内置操作符以适应自定义类型，从而实现更高效、直观的代码表达。本文全面解析了 operator 关键字的基本概念、支持重载的操作符范围及其使用场景，详细介绍了操作…...

编程日记 2025/6/4 1:15:15

Ubuntu 22.04 TLS 忘记root密码，重启修改的解决办法

1.想办法进入这个界面，我这里是BIOS引导的是按Esc按一下就行，UEFI的貌似是按Shift不得而知，没操作过。下移到Advanced options for Ubuntu，按enter 2.根据使用的内核版本，选择带「recovery mode」字样的内核版本&#…...

编程日记 2025/6/4 1:13:38

【LeetCode: 215. 数组中的第K个最大元素 + 快速选择排序】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持，因为它具有很高的价值，算法就是这样✨ 🌲 作者简介：硕风和炜，…...

编程日记 2025/6/4 1:14:43

GraphRAG： Auto Prompt Tuning 实践

GraphRAG 的 Auto Prompt Tuning 功能是一个强大的工具，用于优化知识图谱的生成过程。以下是对该功能的详细介绍和分析： 自动提示调优（Auto Prompt Tuning） 1. 概念 GraphRAG 的自动提示调优功能旨在为特定领域的知识图谱生成创…...

编程日记 2025/6/4 1:13:22

提示词的艺术----AI Prompt撰写指南（个人用）

提示词的艺术写在前面制定提示词就像是和朋友聊天一样，要求我们能够清楚地表达问题。通过这个过程，一方面要不断练习提高自己地表达能力，另一方面还要锻炼自己使用更准确精炼的语言提出问题的能力。什么样的提示词有用？ 有…...

编程日记 2025/6/4 1:13:54

Tensor 基本操作1 | PyTorch 深度学习实战

目录创建 Tensor常用操作unsqueezesqueezeSoftmax代码1代码2代码3 argmaxitem 创建 Tensor 使用 Torch 接口创建 Tensor import torch参考：https://pytorch.org/tutorials/beginner/basics/tensorqs_tutorial.html 常用操作 unsqueeze 将多维数组解套&#xf…...

编程日记 2025/6/3 7:49:45

CSS 的基础知识及应用

前言 CSS（层叠样式表）是网页设计和开发中不可或缺的一部分。它用于描述网页的视觉表现，使页面不仅实现功能，还能提供吸引人的用户体验。本文将介绍 CSS 的基本概念、语法、选择器及其在提升网页美观性方面的重要性。什么是 CSS&…...

编程日记 2025/6/4 16:47:45

贪心算法（题1）区间选点

输出 2 #include <iostream> #include<algorithm>using namespace std;const int N 100010 ;int n; struct Range {int l,r;bool operator <(const Range &W)const{return r<W.r;} }range[N];int main() {scanf("%d",&n);for(int i0;i&l…...

编程日记 2025/6/2 13:23:05

CamemBERT：一款出色的法语语言模型

摘要预训练语言模型在自然语言处理中已无处不在。尽管这些模型取得了成功，但大多数可用模型要么是在英语数据上训练的，要么是在多种语言数据拼接的基础上训练的。这使得这些模型在除英语以外的所有语言中的实际应用非常有限。本文探讨了为其他语言训练…...

编程日记 2025/6/3 12:34:07

解决 IntelliJ IDEA 项目包后出现“% classes”和“% lines covered”的问题

前言在使用 IntelliJ IDEA 开发 Java 或其他支持的语言时，您可能会遇到项目包后面意外地出现了“% classes”和“% lines covered”的信息。这些百分比表示的是代码覆盖率（Coverage），它们展示了您的测试覆盖了多少比例的类和代码…...

编程日记 2025/6/3 12:34:39

Matlab总提示内存不够用，明明小于电脑内存

目录前言情况1（改matlab最大内存限制）情况2（重启电脑）情况3 前言在使用matlab中，有时候需要占用的内存并没有超过电脑内存依旧会报错，提示内存不够用，可以尝试下面几种方法，总有一…...

编程日记 2025/6/4 16:47:59

Py之cv2：cv2(OpenCV，opencv-python)库的简介、安装、使用方法(常见函数、图像基本运算等)

1. OpenCV简介 1.1 OpenCV定义与功能 OpenCV（Open Source Computer Vision Library）是一个开源的计算机视觉和机器学习软件库。它为计算机视觉应用程序提供了一个通用的基础设施，并加速了在商业产品中使用机器感知。作为BSD许可的产品&…...

编程日记 2025/6/2 15:35:47

leetcode707-设计链表

leetcode 707 思路本题也是用了虚拟头节点来进行解答，这样的好处是，不管是头节点还是中间的节点都可以当成是中间节点来处理，用同一套方法就可以进行处理，而不用考虑太多的边界条件。下面题目中最主要的实现就是添加操作addA…...

编程日记 2025/6/3 12:34:23

Linux操作命令之云计算基础命令

一、图形化界面/文本模式 ctrlaltF2-6 图形切换到文本 ctrlalt 鼠标跳出虚拟机 ctrlaltF1 文本切换到图形 shift ctrl "" 扩大 ctrl "-" 缩小 shift ctrl "n" 新终端 shift ctrl "t" 新标签 alt 1,…...

编程日记 2025/6/2 18:30:52

HTML＜bdo＞标签

例子指定文本方向： <bdo dir"rtl"> This text will go right-to-left. </bdo> <!DOCTYPE html> <html> <body> <h1>The bdo element</h1> <p>This paragraph will go left-to-right.</p> …...

编程日记 2025/6/3 12:33:51

将IDLE里面python环境pyqt5配置的vscode

首先安装pyqt5全套：pip install pyqt5-tools 打开Vscode： 安装第三方扩展：PYQT Integration 成功配置designer.exe的路径【个人安装pyqt5的执行路径】，便可直接打开UI文件，进行编辑。配置pyuic,如果下图填写方法使用…...

编程日记 2025/6/4 6:52:26

【C++】结构体（下）

4、结构体指针作用：通过指针访问结构体中的成员利用操作符“----->”可以通过结构体指针访问结构体成员。示例： #include<iostream> #include<string> using namespace std; struct student {//姓名string name;//年龄int age;//分数…...

编程日记 2025/6/4 0:18:55

YOLOv10-1.1部分代码阅读笔记-dataset.py

dataset.py ultralytics\data\dataset.py 目录 dataset.py 1.所需的库和模块 2.class YOLODataset(BaseDataset): 3.class ClassificationDataset(torchvision.datasets.ImageFolder): 4.def load_dataset_cache_file(path): 5.def save_dataset_cache_file(prefix,…...

编程日记 2025/6/4 6:53:30

【电视盒子】HI3798MV300刷机教程笔记/备份遥控码修复遥控器/ADB/线刷卡刷/电视盒子安装第三方应用软件

心血来潮，看到电视机顶盒满天飞的广告，想改造一下家里的电视盒子，学一下网上的人刷机，但是一切都不知道怎么开始，虽然折腾了一天，以失败告终，还是做点刷机笔记。 0.我的机器年少不会甄别&…...

编程日记 2025/6/4 6:53:14

Mixly米思齐1.0 2.0 3.0 软件windows版本MAC苹果电脑系统安装使用常见问题与解决

Mixly软件应用常见问题 Mixly米思齐编译或上传报错？ 1、软件安装与驱动（Mixly1-2） 1-1 Windows版本软件及驱动可以在Mixly群（QQ群号621937623）的群文件夹中找到，或到Mixly在线软件下载链接中重新下安装…...

编程日记 2025/6/3 0:54:21

在 QNAP NAS中使用 Container Station 运行 Docker 的完整指南

QNAP 为用户提供了一个名为 Container Station 的应用，它在 QNAP NAS 上将 Docker 和 LXC 结合在一起，通过图形化界面，让用户更轻松地在 NAS 上管理容器。本文将带你一步步了解如何在 QNAP NAS 上安装和使用 Container Station，以…...

编程日记 2025/6/2 18:38:50

Spark RPC 学习总结

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站：https://www.captainai.net/dongkelun 前言本文从API层面学习总结Spark RPC,暂不涉及源码分析。 Spark 通信历史最开始: …...

编程日记 2025/6/4 6:52:58

JAVA安全—JWT攻防Swagger自动化Druid泄露

前言依旧是Java安全的内容，今天主要是讲JWT这个东西，JWT之前讲过了，是Java中特有的身份校验机制，原理我就不再多说了，主要是看看它的安全问题，至于Swagger和Druid顺便讲一下。 Druid泄露 Druid是阿里巴…...

编程日记 2025/6/4 6:52:42

深度学习核函数

一、核函数的基本概念核函数在机器学习中具有重要应用价值，常用于支持向量机（SVM）等算法中。核函数是面试中经常被考到的知识点，对于找工作和实际数据转换都有重要作用。二、数据建模与核函数的作用数据越多，可…...

编程日记 2025/5/30 20:58:49

【神经网络基础】

目录一、神经网络的构成 1.1什么是神经网络？ 1.2 激活函数 1.2.1 Sigmoid 1.2.2 Tanh 1.2.3 ReLU 1.2.4 softmax 1.2.5 其他激活函数 1.2.6 选择激活函数 1.3 参数初始化 1.4 模型构建二、损失函数 2.1 分类问题 2.1.1多分类（多分类交叉…...

编程日记 2025/6/3 12:59:09

一些面试常见问题及其回答参考

1、请你自我介绍一下你自己？ 回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研…...

编程日记 2025/6/3 12:58:53

[JavaScript] 深入理解流程控制结构

文章目录 1. **if-else 语句**基本语法：示例：扩展：else if 2. **switch-case 语句**基本语法：示例：注意事项： 3. **for 循环**基本语法：示例：扩展：for-in 和 for-of 4. *…...

编程日记 2025/6/3 13:01:16

Mysql常见问题处理集锦

Mysql常见问题处理集锦 root用户密码忘记，重置的操作(windows上的操作)MySQL报错：ERROR 1118 (42000): Row size too large. 或者 Row size too large (＞ 8126).场景：报错原因解决办法详解行大小限制示例：内容来源于网…...

编程日记 2025/6/3 13:00:28

高级java每日一道面试题-2025年01月19日-框架篇[Mybatis篇]-MyBatis 中见过什么设计模式 ?

如果有遗漏,评论区告诉我进行补充面试官: MyBatis 中见过什么设计模式 ? 我回答: 1. 工厂模式（Factory Pattern） 定义：工厂模式是一种创建型模式，它提供了一种创建对象的最佳方式，将对象创建过程抽象化&#xff…...

编程日记 2025/6/3 8:37:02

C++，设计模式，【目录篇】

文章目录 1. 简介2. 设计模式的分类2.1 创建型模式（Creational Patterns）：2.2 结构型模式（Structural Patterns）：2.3 行为型模式（Behavioral Patterns）： 3. 使用设计模式…...

编程日记 2025/6/3 12:59:25

C/C++内存管理（超详解）

目录 1.C/C内存分布 2.C语言动态内存管理 2.1 malloc 2.2 free 2.3 calloc 2.4 realloc 3.C动态内存管理 3.1new/delete操作内置类型 3.2new/delete操作自定义类型 3.3operator new与operator delete函数 3.4定位new表达式(placement-new) 1.C/C内存分布内存中是如…...

编程日记 2025/6/3 12:59:57

【前端】用OSS增强Hexo的搜索功能

文章目录前言配置 _config.fluid.yml云端实时更新 local-search.xml解决 OSS.Bucket 的跨域问题前言原文地址：https://blog.dwj601.cn/FrontEnd/Hexo/hexo-enhance-local-search-with-oss/ 考虑到某著名云服务商提供的云服务器在两年的 99 计划后续费价格高达四…...

编程日记 2025/6/3 13:00:44

智慧校园平台中的信息处理与技术应用

随着信息技术的迅速发展，智慧校园平台已经成为现代教育领域的重要组成部分。智慧校园平台不仅能够提高教学效率，还能够改善学生的学习体验，以及优化学校的管理流程。为了实现这些目标，信息处理技术在智慧校园平台的应用中扮演了至…...

编程日记 2025/6/3 12:59:41

Spring MVC（一）

RestController RestController 是由 Controller 和 ResponseBody 两个注解构成的。 Spring 启动的时候会扫描所有包含 Controller 或者 RestController 注解的类，创建出对外的接口，这样外界就可以从这里与服务器实现交互，如果没有这个注解…...

编程日记 2025/6/4 4:53:35

【王树森搜索引擎技术】概要01：搜索引擎的基本概念

1. 基本名词 query：查询词SUG：搜索建议文档：搜索结果标签/筛选项文档单列曝光文档双列曝光 2. 曝光与点击曝光：用户在搜索结果页上看到文档，就算曝光文档点击：在曝光后，用户点击文档&…...

编程日记 2025/6/3 17:18:29

imbinarize函数用法详解与示例

一、函数概述众所周知，im2bw函数可以将灰度图像转换为二值图像。但MATLAB中还有一个imbinarize函数可以将灰度图像转换为二值图像。imbinarize函数是MATLAB图像处理工具箱中用于将灰度图像或体数据二值化的工具。它可以通过全局或自适应阈值方法将灰度图像转换为二…...

编程日记 2025/6/3 0:18:58

ThinkPHP 8的一对多关联

【图书介绍】《ThinkPHP 8高效构建Web应用》-CSDN博客《2025新书 ThinkPHP 8高效构建Web应用编程与应用开发丛书夏磊清华大学出版社教材书籍 9787302678236 ThinkPHP 8高效构建Web应用》【摘要书评试读】- 京东图书使用VS Code开发ThinkPHP项目-CSDN博客编程与应用开…...

编程日记 2025/6/4 1:49:59

医工交叉合作信息汇总，第三期名单分享，近期需要联合申请基金以及课题合作的老师/同学重点关注一下！｜合作信息·25-01-17

小罗碎碎念之前出过两期医工交叉领域合作信息的汇总推送，最近一直没顾上这事，现在重新捡起来，并且把需求向所有的粉丝公开，直接在后台回复“合作信息”就可以获取表格。截至目前为止，共收集了92条合作信息&#xf…...

编程日记 2025/6/3 0:20:03