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

前端实现OSS上传图片(Vue3+vant)

news 来源：原创 2025/9/12 2:59:08

首先，下面这些信息从阿里云服务器OSS管理中获取

aliyun:oss:file:endpoint: "oss-cn-beijing.aliyuncs.com"keyid: "xxxxxxxxx"keysecret: "xxxxxxxxxxxx"bucketname: "xxxx"

一、安装OSS

npm install ali-oss

二、以下步骤中解决引入ts校验的，有些地方比较多余，想试试也行，直接跳过吧

在 TypeScript 中，如果你遇到“无法找到模块 'ali-oss' 的声明文件”的错误，通常是因为该模块没有提供类型定义文件

解决方法:

1.安装类型定义:

如果 ali-oss 没有提供类型定义文件，你可以尝试安装 @types/ali-oss，但目前可能没有可用的类型定义。

npm install --save-dev @types/ali-oss

pnpm add -D @types/ali-oss

如果没有这个包，你可以手动创建一个类型定义文件。

2.手动创建类型定义:

在你的项目中创建一个类型定义文件，例如 src/types/ali-oss.d.ts，并添加以下内容：

declare module 'ali-oss' {export interface OSSClient {put(object: string, file: any, options?: any): Promise<any>;// 添加其他需要的方法和属性}export default function OSS(options: {region: string;accessKeyId: string;accessKeySecret: string;bucket: string;}): OSSClient;
}

更新 tsconfig.json:
- 确保 TypeScript 配置文件 (tsconfig.json) 中包含了类型定义文件的路径：

{"compilerOptions": {"typeRoots": ["./node_modules/@types","./src/types"  // 添加自定义类型位置]}
}

3.扩展:

使用 require:

如果你不想定义类型，可以使用 require 来引入模块，这样 TypeScript 不会检查类型：

const OSS = require('ali-oss');

总结：通过手动创建类型定义文件或使用 require，可以解决无法找到模块声明文件的问题。

扩展:

endpoint

oss-cn-beijing.aliyuncs.com:
oss：表示这是 OSS 服务。
cn：表示中国区域。
beijing：表示具体的地理区域，即北京。

其他区域示例

如果你有其他的 endpoint，可以根据以下格式进行解析：

上海:

oss-cn-shanghai.aliyuncs.com -> region: 'cn-shanghai'

广州:

oss-cn-guangzhou.aliyuncs.com -> region: 'cn-guangzhou'

香港:

oss-ap-hongkong.aliyuncs.com -> region: 'ap-hongkong'

确认区域:

如果不确定，可以在阿里云控制台中查看你的 Bucket 的具体区域，或者查阅阿里云的官方文档，以获取更详细的信息。

三、配置阿里云 OSS:

// 配置阿里云 OSS
// Bucket名称，用于标识OSS存储空间
const BUCKET_NAME = 'xxxxx';
// OSS的地域节点，用于访问OSS服务的域名
const ENDPOINT = 'oss-cn-beijing.aliyuncs.com';// 创建OSS客户端实例
const client = new OSS({region: 'oss-cn-beijing',    // 地域，例如：华北2（北京）accessKeyId: 'xxxxxxxxx',      // 访问密钥ID，用于身份验证accessKeySecret: 'xxxxxxxx',  // 访问密钥密码bucket: BUCKET_NAME,         // 指定操作的Bucketsecure: true,               // 使用HTTPS协议cname: false,              // 是否使用自定义域名，false表示使用阿里云默认域名
});

secure : 默认为 false ，表示使用 HTTP 协议。不写的话可能会存在安全风险，建议在生产环境中设置为 true 使用 HTTPS。
cname : 默认为 false ，表示使用阿里云默认域名。如果不需要自定义域名，可以不写这个配置。
timeout : 默认为 60000 （60秒）。如果不写，上传超时时间就是默认的 60 秒，对于大多数场景来说已经足够。

Bucket 名称:

这个一般是未公开的,所以需要再定一一个在外面,OSS里面那个删除即可,不需要,也无法使用

在对象的外面定义:

const BUCKET_NAME = 'xxxxx'; // 定义 Bucket 名称,这里换成你自己的

2.并在需要生成文件 URL 时使用该常量，ENDPOINT同理：

// 生成文件的在线链接const url = `https://${BUCKET_NAME}.${ENDPOINT}/${fileName}`;

ENDPOINT:

在生成 URL 时，client.options.endpoint 是用于获取 OSS 访问地址的一部分。然而，client.options 本身可能并不包含 endpoint 属性。通常，endpoint 是在创建 OSS 客户端时指定的配置选项之一，但它并不会直接暴露在 options 中。

可以在创建 OSS 客户端时直接保存 endpoint，然后在生成 URL 时使用这个值。以下是如何实现的示例代码：

const ENDPOINT = 'oss-cn-beijing.aliyuncs.com'; // 替换为实际 Endpoint

四、上传文件总流程:

<script setup lang="ts">
import { ref } from 'vue';
import { showToast } from 'vant'; // 导入 Vant 的类型
import type { UploaderFileListItem } from 'vant'; // 正确导入类型
import OSS from 'ali-oss';// 声明 fileList，类型为 UploaderFilelistItem[]
const fileList = ref<UploaderFileListItem[]>([]);// oversize 事件处理函数
const maxFileSize = 50 * 1024 * 1024; // 50MB
const onOversize = (file: File) => {if (file.size > maxFileSize) {showToast(`文件大小不能超过 ${maxFileSize / (1024 * 1024)}MB`);return false;}return true;
};
// 配置阿里云 OSS
// Bucket名称，用于标识OSS存储空间
const BUCKET_NAME = 'xxxxx'; // 替换成实际的
// OSS的地域节点，用于访问OSS服务的域名
const ENDPOINT = 'oss-cn-beijing.aliyuncs.com';// 创建OSS客户端实例
const client = new OSS({region: 'oss-cn-beijing',    // 地域，例如：华北2（北京）accessKeyId: 'xxxxxxxx',      // 访问密钥ID，用于身份验证accessKeySecret: 'xxxxxxx',  // 访问密钥密码bucket: BUCKET_NAME,         // 指定操作的Bucketsecure: true,               // 使用HTTPS协议cname: false,              // 是否使用自定义域名，false表示使用阿里云默认域名timeout: 60000             // 超时时间，单位：毫秒（这里设置为60秒）
});
// - secure : 默认为 false ，表示使用 HTTP 协议。不写的话可能会存在安全风险，建议在生产环境中设置为 true 使用 HTTPS。
// - cname : 默认为 false ，表示使用阿里云默认域名。如果不需要自定义域名，可以不写这个配置。
// - timeout : 默认为 60000 （60秒）。如果不写，上传超时时间就是默认的 60 秒，对于大多数场景来说已经足够。// 上传文件的函数
const uploadFile = async (file: File) => {try {// 生成唯一文件名，包含文件夹路径// 获取当前日期const timestamp = new Date();const year = timestamp.getFullYear();const month = String(timestamp.getMonth() + 1).padStart(2, '0');const day = String(timestamp.getDate()).padStart(2, '0');const randomString = Math.random().toString(36).substring(2, 8);// 指定上传路径let filePath: string; // 添加变量声明// 判断文件类型const isImage = file.type.startsWith('image/');if (isImage) {// 添加随机字符串filePath = `png/${year}/${month}/${day}/${randomString}_${file.name}`;} else {filePath = `video/${year}/${month}/${day}/${randomString}_${file.name}`;}// 上传文件到 OSS// client.put() 方法会将文件上传到 OSS，其中：// - filePath 参数指定了文件在 OSS 中的存储路径//   - file 参数是要上传的文件对象const result = await client.put(filePath, file);// 生成文件的在线链接const url = `https://${BUCKET_NAME}.${ENDPOINT}/${filePath}`;console.log('上传成功:', result);console.log('文件在线链接:', url);return url;} catch (error) {console.error('上传失败:', error);return null; // 或者返回一个默认的错误链接}
};const handleSubmit = async () => {fileList.value.forEach(item => {// 使用类型断言将 item.file 转换为 File 类型const file = item.file as File;uploadFile(file)});
};// 提交文件函数
const submitFile = async () => {handleSubmit()
};</script>
<template><div><van-uploader ref="mediaUploader" v-model="fileList" multiple class="uploader-container" accept="image/*,video/*"max-count="6" @oversize="onOversize" /><button @click="submitFile">点击上传</button></div>
</template><style scoped>
/* 添加必要的样式 */
</style>

上传可能出现的问题:

如果跨域,这个时候要去服务器配置允许访问的IP地址,防止出现跨域报错,这个是需要去官网到自己的服务器去配置的

关键点总结:

获取服务器相关配置信息
安装OSS
使用自带的put方法上传图片

const result = await client.put(filePath, file);

图片路径就是仓库路径拼接的，使用put方法上传会自动到那个仓库路径下去存
服务器需要配置跨域

前端实现OSS上传图片(Vue3+vant)

首先，下面这些信息从阿里云服务器OSS管理中获取 aliyun:oss:file:endpoint: "oss-cn-beijing.aliyuncs.com"keyid: "xxxxxxxxx"keysecret: "xxxxxxxxxxxx"bucketname: "xxxx"一、安装OSS npm install ali-oss 二、以下步…...

编程日记 2025/9/12 2:59:08

Vue.js 组件开发指南：实现、传值与优缺点分析

1. 组件的实现与使用 1.1 组件的定义在 Vue.js 中，组件是独立的、可复用的 Vue 实例。每个组件可以包含自己的模板、逻辑和样式。 // 定义一个简单的组件 Vue.component(my-component, {template: <div>这是一个自定义组件</div> });1.2 组件的使用…...

编程日记 2025/9/12 2:58:40

vulnhub靶场之【kioptrix-5】靶机

前言靶机：kioptrix-5，IP地址为192.168.10.10 攻击：kali，IP地址为192.168.10.6 都采用VMware虚拟机，网卡为桥接模式这里需要注意，在靶机安装后，先把原本的网卡删除，重新添加一个…...

编程日记 2025/9/6 4:51:50

#渗透测试#批量漏洞挖掘#(0day)某智能终端操作平台前台存在通用SQL注入漏洞（CVE-2022-21047）

免责声明本教程仅为合法的教学目的而准备，严禁用于任何形式的违法犯罪活动及其他商业行为，在使用本教程前，您应确保该行为符合当地的法律法规，继续阅读即表示您需自行承担所有操作的后果，如有异议，请立即停…...

编程日记 2025/9/7 14:31:43

Linux系统中proc是做什么的？

在 Linux 系统中，/proc 是一个虚拟文件系统（Virtual Filesystem），它不对应实际的磁盘文件，而是内核在内存中动态生成的。/proc 文件系统提供了一种与内核数据结构交互的方式，它主要用于存放与系统运行状态、…...

编程日记 2025/9/9 10:13:24

el-table修改表格颜色

文章目录一、el-table属性修改表格颜色1.1、header-row-class-name修改表头行颜色1.2、header-row-style修改表头样式1.3、row-class-name修改行颜色二、el-table-column属性修改表格颜色2.1、class-name修改整列的颜色2.2、label-class-name修改列标题颜色本文讲解vue修改e…...

编程日记 2025/9/8 13:29:22

014存储期（时间）

一、基本概念 C语言中，变量都是有一定的生存周期的，所谓生存周期指的是从分配到释放的时间间隔。为变量分配内存相当于变量的诞生，释放其内存相当于变量的死亡。从诞生到死亡就是一个变量的生命周期。根据定义方式的不同，变量的…...

编程日记 2025/9/12 2:58:36

执行git操作时报错：`remote: [session-b8xxxda3] Access denied ...`解决方案

问题描述： 执行git push -u origin "master"时报错： > remote: [session-b849cda3] Access denied > fatal: unable to access https://gitee.com/jyunee/maibobo.git/: The requested URL returned error: 403表示没有权限访问远程仓库…...

编程日记 2025/9/12 1:12:02

Redis版本的EOL策略与升级路径（刷到别划走）

各位看官，刷到就点进来，大数据已经抓到你喽～😊 前言在软件行业做服务端开发的我们，多多少少都会接触到Redis，用它来缓存数据、实现分布式锁等，相关八股文烂熟于心，但是往往会忽略具…...

编程日记 2025/9/3 22:31:23

算法题：数组中的第 K 个最大元素（中等难度）

一、题目给定整数数组 nums 和整数 k，请返回数组中第 k 个最大的元素。请注意，你需要找的是数组排序后的第 k 个最大的元素，而不是第 k 个不同的元素。示例 1： 输入：nums [3,2,1,5,6,4], k 2 输出：…...

编程日记 2025/9/11 13:59:40

进行性核上性麻痹患者的生活护理指南

进行性核上性麻痹是一种神经系统退行性疾病，合理的生活护理能有效改善症状，提高生活质量。居家环境要安全。移除地面杂物，铺设防滑垫，安装扶手，降低跌倒风险。在浴室、厨房等湿滑区域要特别加强防护措施。建议在床边、…...

编程日记 2025/9/8 18:21:25

Python大战Java：AI时代的编程语言‘复仇者联盟‘能否换C位？

背景当Java程序员在咖啡机前念叨’Python凭什么抢我饭碗’时，AI实验室里的Python工程师正用5行代码召唤出神经网络——这场编程语言的’权力的游戏’，胜负可能比你想象的更魔幻！" 一、茶水间里的战争：Java和Python的相爱相…...

编程日记 2025/9/11 15:44:32

SpringBoot AI + PgVector向量库 + Openai Embedding模型

Spring Boot 项目引入下载仓库地址 <dependencyManagement><dependencies><dependency><groupId>org.springframework.ai</groupId><artifactId>spring-ai-bom</artifactId><version>${spring-ai.version}</version>&l…...

编程日记 2025/9/9 12:28:51

目标检测——数据处理

1. Mosaic 数据增强 Mosaic 数据增强步骤: (1). 选择四个图像： 从数据集中随机选择四张图像。这四张图像是用来组合成一个新图像的基础。 (2) 确定拼接位置： 设计一个新的画布(输入size的2倍)，在指定范围内找出一个随机点（如…...

编程日记 2025/9/7 18:56:08

数据集笔记：新加坡LTA MRT 车站出口、路灯等位置数据集

1 MRT 车站出口 data.gov.sg （geojson格式） 1.1 kml格式 data.gov.sg 2 路灯 data.govsg ——geojson data.gov.sg——kml 版本 3 道路摄像头数据集 data.gov.sg 4 自行车道网络 data.gov.sg 5 学校区域 data.gov.sg 6 自行车停车架&#xff…...

编程日记 2025/9/8 19:40:47

Highcharts 配置语法详解

Highcharts 配置语法详解引言 Highcharts 是一个功能强大的图表库，广泛应用于数据可视化领域。本文将详细介绍 Highcharts 的配置语法，帮助您快速上手并制作出精美、实用的图表。高级配置结构 Highcharts 的配置对象通常包含以下几部分&#xff1a…...

编程日记 2025/9/11 19:02:58

Python 项目安全实战：工具应用、规范制定、数据防护与架构加固

Python 项目安全实战：工具应用、规范制定、数据防护与架构加固本文聚焦 Python 项目安全，深入介绍安全工具如 Bandit、OWASP ZAP 的实战操作，涵盖对特定模块扫描及 Web 测试进阶应用。详细阐述团队如何制定并持续更新安全编码规范&#xff…...

编程日记 2025/9/10 20:24:36

linux ununtu通过nginx-1.6.2.tar.gz安装nginx并安装在自定义目录XXX下的步骤

Ubuntu 下通过源码安装 Nginx 1.6.2 到自定义目录 /home/aot/nginx 的步骤以下是将 Nginx 1.6.2 源码包离线安装到自定义目录的详细流程，包含依赖管理、编译配置和服务管理： 一、准备工作 1. 下载源码包和依赖（需联网环境准备）…...

编程日记 2025/9/10 13:52:51

《Python百练成仙》31-40章（不定时更新）

第卅一章函数结丹def开紫府罗酆山的鬼门关吞吐着猩红的变量阴风，每个风眼都涌动着作用域混乱的灵力乱流。叶军手握薛香遗留的丹田玉简，玉简表面浮现出残缺的函数符文： def 凝聚金丹(灵气):道基灵气 * 0.618print(金丹品质) # 作用域外变…...

编程日记 2025/9/8 4:54:09

Python--内置模块和开发规范（上）

1. 内置模块 1.1 JSON 模块核心功能序列化：Python 数据类型 → JSON 字符串 import json data [{"id": 1, "name": "武沛齐"}, {"id": 2, "name": "Alex"}] json_str json.dumps(data, ensure_a…...

编程日记 2025/9/9 8:07:20

使用DeepSeek实现自动化编程：类的自动生成

目录简述 1. 通过注释生成C类 1.1 模糊生成 1.2 把控细节，让结果更精准 1.3 让DeepSeek自动生成代码 2. 验证DeepSeek自动生成的代码 2.1 安装SQLite命令行工具 2.2 验证DeepSeek代码 3. 测试代码下载简述在现代软件开发中，自动化编程工具如…...

编程日记 2025/9/8 8:04:13

植物大战僵尸金铲铲版 v1.1.6（windows+安卓）

游戏简介《植物大战僵尸金铲铲版》是由“古见xzz”、“对不起贱笑了”、“是怪哉吖”等联合开发的民间魔改版本，融合了原版塔防玩法与《金铲铲之战》的自走棋元素，属于非官方同人作品。游戏特点合成升星机制：三个相同低星植物可合成更高…...

编程日记 2025/9/10 16:51:41

LeetCode 热题 100_寻找两个正序数组的中位数（68_4_困难_C++）(二分查找)（先合并再挑选中位数；划分数组（二分查找））

LeetCode 热题 100_寻找两个正序数组的中位数（68_4） 题目描述：输入输出样例：题解：解题思路：思路一（先合并再挑选中位数）：思路二（划分数组（二分查找…...

编程日记 2025/9/11 1:25:37

酒店管理系统(代码+数据库+LW)

摘要时代的发展带来了巨大的生活改变，很多事务从传统手工管理转变为自动管理。自动管理是利用科技的发展开发的新型管理系统，这类管理系统可以帮助人完成基本的繁琐的反复工作。酒店是出门的必需品，无论出差还是旅游都需要酒店的服务。由…...

编程日记 2025/9/9 0:13:00

关于C/C++的输入和输出

目录一、C语言中的scanf 有关scanf()的例子二、C语言中的printf 有关printf()的例子三、C中的cin、cout 四、字符的输入 1、cin.get() 2、cin.get() 3、cin.getline() 4、getline() 5、getchar() 五、string类型字符串长度 1、length() 2、size() 一、C语言中…...

编程日记 2025/9/11 0:05:29

袋鼠数据库工具 6.4 AI 版已上线

袋鼠数据库工具 6.4 AI 版已于 2025 年 2 月 26 日上线1。以下是该版本的一些新特性1： 地图支持：支持坐标定位并支持缩放动画；支持路线图，可在路线位置之间跳转；支持图层切换、标记和路线图图层切换；支持新…...

编程日记 2025/9/12 1:24:17

【AGI】DeepSeek开源周：The whale is making waves！

DeepSeek开源周：The whale is making waves！ 思维火花引言一、DeepSeek模型体系的技术演进1. 通用语言模型：DeepSeek-V3系列2. 推理优化模型：DeepSeek-R1系列3. 多模态模型：Janus系列二、开源周三大工具库的技术解析1…...

编程日记 2025/8/24 18:51:18

【无人机】无人机飞行日志下载及分析，飞行日志分析软件的使用

目录一、飞行日志下载 1.1 通过地面站下载 1.1.1 QGroundControl（QGC）地面站 1.1.2 Mission Planner 地面站 1.2 通过内存卡读卡器下载 1.3 通过数传模块下载（数传日志） 二、飞行日志分析 2.1 使用 Flight Review 分析 …...

编程日记 2025/9/11 8:07:27

【朝夕教育】《鸿蒙原生应用开发从零基础到多实战》003-TypeScript 中的类

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主&…...

编程日记 2025/9/7 19:02:54

Java并发编程之可见性、原子性和有序性

引言 CPU缓存与内存产生的一致性问题（可见性） CPU时间片切换产生的原子性问题 CPU指令编译优化产生的有序性问题并发编程问题的根源 CPU、内存、I/O设备三者速度差异一直是核心矛盾三者速度差异可形象描述为：天上一天(CPU)，…...

编程日记 2025/9/10 0:42:40

99分巧克力

99分巧克力 ⭐️难度：中等 🌟考点：二分 2017省赛真题 📖 📚 import java.util.Scanner;public class Main {public static void main(String[] args) {Scanner sc new Scanner(System.in);int n sc.nextInt();i…...

编程日记 2025/9/8 21:41:01

阿里重磅模型深夜开源；DeepSeek宣布开源DeepGEMM；微软开源多模态AI Agent基础模型Magma...|网易数智日报

阿里重磅模型深夜开源：表现超越Sora、Pika，消费级显卡就能跑 2月26日，25日深夜阿里云视频生成大模型万相2.1（Wan）正式宣布开源，此次开源采用Apache2.0协议，14B和1.3B两个参数规格的全部推理代码…...

编程日记 2025/9/10 8:37:53

WPF10-绑定属性

目录 1. WPF属性系统1.1. CLR属性（CLR Properties）1.2. 相关属性（Related Properties）1.3. 附加属性（Attached Properties）1.4. 依赖属性（Dependency Properties）2. 依赖属性2.1. 定义2.2. 应用场景2.3. 理解2.3.1. 初识依赖属性2.3.2. 自定义依赖属性2.3.3. 使用依赖属…...

编程日记 2025/9/9 6:22:45

Python PDF文件拆分-详解

目录使用工具将PDF按页数拆分将PDF的每一页拆分为单独的文件将PDF按指定页数拆分根据页码范围拆分PDF 根据指定内容拆分PDF 将PDF的一页拆分为多页在日常生活中，我们常常会遇到大型的PDF文件，这些文件可能难以发送、管理和查阅。将PDF拆分成…...

编程日记 2025/9/8 1:43:13

ollama本地部署DeepSeek-R1大模型使用前端JS调用的详细流程

以下是关于如何在本地部署 DeepSeek-R1 大模型（通过 Ollama），并使用前端 JavaScript 调用其功能的详细流程。前提条件硬件要求： 建议至少 16GB RAM（运行较小模型如 1.5B 或 7B 参数版本），如果…...

编程日记 2025/9/8 20:37:11

Spring Cloud Alibaba与Spring Boot、Spring Cloud版本对应关系

一、前言在搭建SpringCloud项目环境架构的时候，需要选择SpringBoot和SpringCloud进行兼容的版本号，因此对于选择SpringBoot版本与SpringCloud版本的对应关系很重要，如果版本关系不对应，常见的会遇见项目启动不起来，怪…...

编程日记 2025/9/8 19:24:47

初识SQL

SQL 定义：SQL（Structured Query Language，结构化查询语言）是一种标准化的数据库操作语言，广泛用于关系数据库管理系统（RDBMS），如 MySQL、PostgreSQL 等。它支持数据的定义&#xff0…...

编程日记 2025/8/16 11:59:20

12_Pandas时序数据（上）

固定时间时间的表示固定时间是指一个时间点。固定时间是时序数据的基础，一个固定时间带有丰富的信息，如年份、周几、月份、季度等。 Python的官网库datetime支持创建和处理时间： datetime.now() # 当前时间 datetime(2025,2,26,12) # 指…...

编程日记 2025/9/7 16:09:20

当我删除word文件时无法删除，提示：操作无法完成，因为已在Microsoft Word中打开

现象： 查看电脑桌面下方的任务栏，明明已经关闭了WPS和WORD软件，但是打开word文档时还是提示： 解决方法步骤： 1、按一下键盘上的ctrl Shift Esc 键打开任务管理器 2、在进程中找到如下： 快速找到的方法…...

编程日记 2025/9/9 10:34:29

0x03 http协议和分层架构

HTTP协议简介 Hyper Text Transfer Protocol，超文本传输协议，规定了浏览器和服务器之间数据传输的规则 http协议基于TCP协议：面向连接，安全基于请求-响应模型：一次请求对应一次响应HTTP协议是无状态的协议&#xff…...

编程日记 2025/9/8 14:19:06

JavaScript系列03-异步编程全解析

本文介绍了异步相关的内容，包括： 回调函数与回调地狱Promise详解async/await语法Generator函数事件循环机制异步编程最佳实践 1、回调函数与回调地狱 JavaScript最初是为处理网页交互而设计的语言，异步编程是其核心特性之一。最早的异步编…...

编程日记 2025/9/9 17:54:17

深度解读 AMS1117：从电气参数到应用电路的全面剖析

在电子设备的电源管理领域，线性稳压器扮演着至关重要的角色，而 AMS1117 凭借其出色的性能和广泛的适用性，成为众多工程师的热门选择。本文将依据相关资料，对 AMS1117 的特性、应用、电气参数等方面进行详细解读。一、功能特性概…...

编程日记 2025/9/8 8:24:41

深入理解Tomcat与Web应用部署：C/S与B/S架构下的实践指南

在当今的互联网时代，Web应用的开发与部署是软件开发领域的重要组成部分。无论是传统的C/S架构，还是现代广泛应用的B/S架构，了解它们的优缺点以及如何高效部署Web应用是每个开发者都需要掌握的技能。本文将深入探讨C/S与B/S架构的区别&#xf…...

编程日记 2025/9/8 1:12:41

XML 编辑器：全面指南与最佳实践

XML 编辑器：全面指南与最佳实践引言 XML（可扩展标记语言）编辑器是处理XML文件的关键工具，对于开发人员、系统管理员以及任何需要处理XML数据的人来说至关重要。本文将全面介绍XML编辑器的概念、功能、选择标准以及最佳实践，旨在帮助读者了解如何选择和使用合适的XML编辑…...

编程日记 2025/9/11 13:16:47

Python实现GO鹅优化算法优化BP神经网络回归模型项目实战

说明：这是一个机器学习实战项目（附带数据代码文档视频讲解），如需数据代码文档视频讲解可以直接到文章最后关注获取。 1.项目背景传统BP神经网络的局限性：BP（Back Propagation）神经网络作为一种…...

编程日记 2025/9/6 13:31:58

如何配置虚拟机的IP上网

要配置虚拟机的IP地址以便上网，你可以按照以下步骤操作： 打开虚拟机软件，确保虚拟机的网络设置为“桥接模式”或“NAT模式”，这样虚拟机可以与物理网络连接。在虚拟机操作系统中，打开网络设置界面，一般在…...

编程日记 2025/9/9 13:35:52

【洛谷贪心算法题】P1094纪念品分组

该题运用贪心算法，核心思想是在每次分组时，尽可能让价格较小和较大的纪念品组合在一起，以达到最少分组的目的。【算法思路】输入处理：首先读取纪念品的数量n和价格上限w，然后依次读取每件纪念品的价格，…...

编程日记 2025/9/8 1:43:14

学习笔记08——ConcurrentHashMap实现原理及源码解析

1. 概述为什么需要ConcurrentHashMap？ 解决HashMap线程不安全问题：多线程put可能导致死循环（JDK7）、数据覆盖（JDK8） 优化HashTable性能：通过细粒度锁替代全局锁，提高并发度对比…...

编程日记 2025/8/30 10:02:43

redis slaveof 命令执行后为什么需要清库重新同步

在 Redis 中，执行 SLAVEOF（或 REPLICAOF）命令后，从节点需要清空现有数据并重新同步的主要原因如下： 1. 保证数据一致性核心目标：确保从节点的数据与主节点完全一致。问题场景： 如果从节点之前…...

编程日记 2025/9/9 17:54:45

6-1JVM的执行引擎处理

一、执行引擎的组成结构解释器（Interpreter） 逐条解释执行字节码指令，启动速度快但执行效率较低。适用于短生命周期或对启动时间敏感的场景，如调试环境。即时编译器（JIT Compiler） 通过动态…...

编程日记 2025/9/7 14:44:59