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

前端（AJAX）学习笔记（CLASS 2）：图书管理案例以及图片上传

news 来源：原创 2025/9/20 10:20:17

* BootStrap弹框

功能：不离开当前页面，显示单独内容，供用户操作

步骤：

1、引入bootstrap.css和bootstrap.js

2、准备弹框标签，确认结构

3、通过自定义属性，控制弹框的显示和隐藏

其中的bootstrap.css链接为：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

bootstrap链接为：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

以下是模板代码：

      <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body">...</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button><button type="button" class="btn btn-primary">Save changes</button></div></div></div></div>

利用自定义属性控制弹框的显示和隐藏

data-bs-toggle="modal"

data-bs-target="#exampleModal"

示例的按钮：

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Launch demo modal
</button>

如果使用js进行控制：

        //创建弹框对象const modal=new bootstrap.Modal('css选择器')//显示弹框modal.show()//隐藏弹框modal.hide()

1、渲染列表

自己的图书数据：给自己起个外号，并告诉服务器，默认会有三本书，基于这三本书做数据的增删改查

其中的图书列表接口为：

http://ajax-api.itheima.net/api/books

首先基本的html与css代码为以下：

    <!-- 操作列 --><div class="head"><h1 class="title">图书管理</h1><button class="add_btn">添加</button></div>

    <!-- 图书管理列表 --><table><thead><tr><th>序号</th><th>书名</th><th>作者</th><th>出版社</th><th>操作</th></th></thead><tbody><!-- <tr><th>1</th><th>《java程序设计》</th><th>xxx</th><th>高等教育出版社</th><th><span class="del">删除</span><span class="edi">编辑</span></th></tr> --></tbody></table>

以下代码为使用BooyStrap的添加图书弹窗

    <!-- 添加图书弹窗 --><div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h1 class="modal-title fs-5" id="exampleModalLabel">图书管理</h1><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"><div>书名</div><input class="bookname" type="text" placeholder="请输入书籍名称"><div>作者</div><input class="author" type="text" placeholder="请输入作者名称"><div>出版社</div><input class="publisher" type="text" placeholder="请输入出版社名称"></div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button><button type="button" class="btn btn-primary">确定</button></div></div></div></div>

下面为添加图书的js部分：

        const tbody=document.querySelector('tbody')function getBook() {axios({url:'http://ajax-api.itheima.net/api/books'}).then(res => {console.log(res)tbody.innerHTML=res.data.data.map((item,index) =>`<tr><th>${index+1}</th><th>${item.bookname}</th><th>${item.author}</th><th>${item.publisher}</th><th class='${item.id}'><span class="del">删除</span><span class="edi">编辑</span></th></tr>`)})}getBook()// 添加图书操作//创建弹框对象const modal=new bootstrap.Modal('.modal')const add_btn=document.querySelector('.add_btn')        const bookDec=document.querySelectorAll('.modal-body input')//显示弹框        add_btn.addEventListener('click',() => {for(let i=0;i<bookDec.length;i++){bookDec[i].value=null}modal.show() })// 添加图书操作document.querySelector('.btn-primary').addEventListener('click',() =>{axios({url:'http://ajax-api.itheima.net/api/books',method:'post',data:{bookname: bookDec[0].value,author:bookDec[1].value,publisher:bookDec[2].value}}).then(res => {getBook()modal.hide()})})

2、删除数据

当点击删除按钮时，该行的数据将会被删除，并在页面中重新渲染

        // 删除操作document.querySelector('tbody').addEventListener('click',e => {if(e.target.className==='del'){console.log(e.target.parentNode.className);const id=e.target.parentNode.classNameaxios({url:`http://ajax-api.itheima.net/api/books/${id}`,method:'delete'}).then(res => {getBook()})}})

3、修改数据

修改数据部分包括了数据回显以及修改数据

当点击编辑按钮时，会弹出编辑图书弹框

      <!-- 编辑图书弹窗 --><div class="modal fade modal_edi" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h1 class="modal-title fs-5" id="exampleModalLabel">图书管理</h1><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body modal_body_edi"><div>书名</div><input class="bookname" type="text" placeholder="请输入书籍名称"><div>作者</div><input class="author" type="text" placeholder="请输入作者名称"><div>出版社</div><input class="publisher" type="text" placeholder="请输入出版社名称"></div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button><button type="button" class="btn btn-primary edi_btn">修改</button></div></div></div></div>

再修改数据后，点击修改按钮，将进行修改

       // 点击编辑，获取图书信息const modal_edi=new bootstrap.Modal('.modal_edi')const modal_body_edi=document.querySelectorAll('.modal_body_edi input')document.querySelector('tbody').addEventListener('click',e => {if(e.target.className==='edi'){modal_edi.show()console.log(e.target.parentNode.parentNode.children[0]);const id=e.target.parentNode.classNameaxios({url:`http://ajax-api.itheima.net/api/books/${id}`}).then(res => {console.log(res.data.data)modal_body_edi[0].value=res.data.data.booknamemodal_body_edi[1].value=res.data.data.authormodal_body_edi[2].value=res.data.data.publisher//点击修改按钮，对图书信息进行修改document.querySelector('.edi_btn').addEventListener('click',() => {axios({url:`http://ajax-api.itheima.net/api/books/${id}`,method:'put',data:{bookname:modal_body_edi[0].value,author:modal_body_edi[1].value,publisher:modal_body_edi[2].value}}).then(edi_res =>{getBook()})modal_edi.hide()})}).catch(err => console.log(err))}})

* 图片上传

1、获取图片文件对象

2、使用FormData携带图片文件

const fd=new FormData()
fd.append(参数名,值)

3、提交表单数据到服务器，使用图片url网址

前端（AJAX）学习笔记（CLASS 2）：图书管理案例以及图片上传

* BootStrap弹框功能：不离开当前页面，显示单独内容，供用户操作步骤： 1、引入bootstrap.css和bootstrap.js 2、准备弹框标签，确认结构 3、通过自定义属性，控制弹框的显示和隐藏其中的bootstrap.css…...

编程日记 2025/9/20 10:20:17

跟李沐学AI：InstructGPT论文精读（SFT、RLHF）

原论文：[2203.02155] Training language models to follow instructions with human feedback 原视频：InstructGPT 论文精读【论文精读48】_哔哩哔哩_bilibili 简介 1. RLHF 的基本概念 RLHF 是一种结合强化学习和人类反馈的训练方法，旨在…...

编程日记 2025/9/18 17:26:56

RedisTemplate存储含有特殊字符解决

ERROR信息: 案发时间: 2025-02-18 01:01 案发现场: UserServiceImpl.java 嫌疑人: stringRedisTemplate.opsForValue().set(SystemConstants.LOGIN_CODE_PREFIX phone, code, Duration.ofMinutes(3L)); // 3分钟过期作案动机: stringRedisTemplate继承了Redistemplate 使用的…...

编程日记 2025/9/20 22:16:20

燧光 XimmerseMR SDK接入Unity

官网SDK文档连接： RhinoX Unity XR SDK 一：下载SDK 下载链接：RhinoX Unity XR SDK 二：打开Unity项目，添加Package 1、先添加XR Core Utilties包和XR Interaction Toolkit包 2、导 2、再导入下载好的燧光SDK 三&…...

编程日记 2025/9/20 9:33:35

Mycat中间件

一、概述 Mycat是开源的，活跃的、基于java语言编写的MySQL数据库中间件。可以像使用MySQL一样使用mycat，对于开发人员来说根本感觉不到mycat的存在； 二、安装 Mycat是采用java语言开发的开源数据库中间件，支持windows和linux运行环…...

编程日记 2025/9/16 8:16:40

【HBase】HBaseJMX 接口监控信息实现钉钉告警

目录一、JMX 简介二、JMX监控信息钉钉告警实现一、JMX 简介官网：Apache HBase ™ Reference Guide JMX （Java管理扩展）提供了内置的工具，使您能够监视和管理Java VM。要启用远程系统的监视和管理，需要在启动Java…...

编程日记 2025/9/19 13:08:20

OpenLayers总结3

一、静态测距 1.原理静态测距主要是针对地图上已有的矢量要素（如线要素），利用 OpenLayers 提供的几何计算函数来获取其长度。在实际操作中，先加载包含几何要素的 GeoJSON 数据到矢量图层，当鼠标指针移动到要素上时…...

编程日记 2025/9/12 10:30:03

【OpenCV】在Liunx中配置OpenCV环境变量

将 /usr/local/include/opencv4 加入到环境变量中，可以帮助编译器找到 OpenCV 的头文件。这可以通过设置 CPLUS_INCLUDE_PATH 和 C_INCLUDE_PATH 环境变量来实现。以下是具体步骤： 方法一：临时设置环境变量如果您希望临时设置这些环境变量…...

编程日记 2025/9/18 14:11:49

游戏引擎学习第109天

回顾目前进展在这一期中，讨论了游戏开发中的一个重要问题——如何处理Z轴值的表示，尤其是在一个3D游戏中，如何更好地表示和存储这些值。上次的进展中，已经解决了透视投影的问题，意味着渲染部分的Z轴代码基本上已经完…...

编程日记 2025/9/19 19:19:50

npm、yarn、pnpm 的异同及为何推荐 pnpm

文章目录一、引言二、npm 介绍（一）工作原理和特点（二）优势与不足三、yarn 介绍（一）诞生背景和特性（二）与 npm 的主要区别四、pnpm 介绍（一）核心优势和创新…...

编程日记 2025/9/12 10:29:58

基于遗传算法排课系统

一、遗传算法介绍： 遗传算法核心的任务是要通过编码体系，给出解决方案的染色体表现规则，首先需要随机初始化一定数量的种群（population），而种群则由一定数目的个体(individual)构成。每个个体实际上是染色体…...

编程日记 2025/9/20 9:30:33

Windows 图形显示驱动开发-GpuMmu 示例方案

本文介绍常见使用方案以及实现这些方案所需的操作顺序。更新进程的页表条目下面是更新页表条目以将属于进程 (P) 的分配映射到物理内存的操作序列。假定页表分配已驻留在图形处理单元中GPU)内存段。视频内存管理器在分页进程上下文中为进程 P 的根页表分配分配虚拟地址范…...

编程日记 2025/9/19 9:44:58

【Linux AnolisOS】关于Docker的一系列问题。尤其是拉取东西时的网络问题，镜像源问题。

AnolisOS 8中使用Docker部署（全）_anolis安装docker-CSDN博客从在虚拟机安装龙蜥到安装docker上面这篇文章写的很清晰了，我重点讲述我解决文章里面问题一些的方法。问题1： docker: Get https://registry-1.docker.io/v2/: net/h…...

编程日记 2025/9/20 1:42:05

策略+适配器模式详解

文章目录 1.策略模式1.目录结构2.Strategy.java 策略接口3.StrategyA.java 策略A4.StrategyB.java 策略B5.StrategyC.java 策略C6.Context.java 策略上下文7.Client.java 客户端8.小结 2.适配器模式1.目录结构2.CustomPaymentProcessor.java 自己的支付接口3.PayPalPaymentServ…...

编程日记 2025/9/19 9:15:21

Vue中事件名的命名规范

Vue中事件名的命名规范起因： 本人之前不太写vue的项目，最近接触了vue的代码，在学习的过程中同时也会伴随着一点疑惑。比如一以下面的父子组件的事件传递为例： 父组件： 显然，父组件有个自定义事件refre…...

编程日记 2025/9/17 13:21:19

云计算架构学习之Ansible-playbook实战、Ansible-流程控制、Ansible-字典循环-roles角色

一、Ansible-playbook实战 1.Ansible-playbook安装软件 bash #编写yml [rootansible ansible]# cat wget.yml - hosts: backup tasks: - name: Install wget yum: name: wget state: present #检查playbook的语法 [rootansible ansible]…...

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

背包dp与数位dp

背包dp 介绍动态规划实际上就是将复杂问题分解成若干个子问题，并通过子问题的解逐步发展成整体问题的解的算法思想。（我感觉这个解释就跟递归的思想一样） 背包问题分为01背包(物体只能使用一次)，完全背包(物体可以使用无数次)&…...

编程日记 2025/9/12 10:29:44

【linux】更换ollama的deepseek模型默认安装路径

【linux】更换ollama的deepseek模型默认安装路径文章目录【linux】更换ollama的deepseek模型默认安装路径Ollama 默认安装路径及模型存储路径迁移ollama模型到新的路径1.创建新的模型存储目录2.停止ollama3.迁移现有模型4.修改 Ollama 服务配置5.重启ollama6.验证迁移是否成功…...

编程日记 2025/9/14 17:27:01

【紫光同创国产FPGA教程】——FPGA开发工具使用

本原创文章由深圳市小眼睛科技有限公司创作，版权归本公司所有，如需转载，需授权并注明出处（www.meyesemi.com) 一：实验简介实验目的：了解PDS软件的使用，在线Debugger工具的使用请看第八章uart实…...

编程日记 2025/9/19 15:41:25

面试技术分享：MySQL死锁与事务等待超时的临时解决方案

📝 面试技术分享：MySQL死锁与事务等待超时的临时解决方案 1. 问题背景某电商系统在促销高峰期出现库存更新失败，日志报错： Lock wait timeout exceeded; try restarting transaction (errno 1213)现象：多个事务因争…...

编程日记 2025/9/14 13:25:46

6.3 k8s的事件event和kube-scheduler中的事件广播器

什么是k8s的events k8s的events是向您展示集群内部发生的事情的对象例如调度程序做出了哪些决定或者为什么某些 Pod 从节点中被逐出哪些组件可以产生events 所有核心组件和扩展（操作符）都可以通过 API Server 创建事件k8s 多个组件均会产生 event …...

编程日记 2025/9/20 7:32:44

OAI 平台 4G（LTE）基站、终端、核心网端到端部署实践（一）

本系列文章，基于OAI LTE代码搭建端到端运行环境，包含 eNB,EPC,UE三个网元。本小节先介绍系统总体架构，硬件平台及驱动安装方法。 1. Overview 系统总体架构如下图所示。 2 Machine setup 2.1 Machine specs Distributor ID: Ubuntu Description: Ubuntu 18.04.5 LTS…...

编程日记 2025/9/20 22:22:59

t113修改串口

1 sys_config.fex [uart_para] uart_debug_port 0 uart_debug_tx port:PE02<6><1><default><default> uart_debug_rx port:PE03<6><1><default><default> 2 uboot修改启动参数 3 修改env.cfg启动地址和传输 #ear…...

编程日记 2025/9/18 21:05:24

「软件设计模式」桥接模式（Bridge Pattern）

深入解析桥接模式：解耦抽象与实现的艺术一、模式思想：正交维度的优雅解耦桥接模式（Bridge Pattern）通过分离抽象（Abstraction）与实现（Implementation），使二者可以独立…...

编程日记 2025/9/19 2:22:58

“地质环境体检”辅助智慧地质，服务工程建设、城市用地规划

随着社会经济的高速发展，各类工程建设也在加快筹建中。在工程项目的快速推进中，如何保障工作安全和工程建设的质量，是国家和社会普遍关注的一个问题。地质环境条件是影响工程建设、城市用地规划的重要因素，加强地质风险系统性研究…...

编程日记 2025/9/12 10:29:30

TMS320F28335二次bootloader在线IAP升级

F28335总共ABCDEFGH个区域，每个32K*16bits，即64K字节。 bootloader代码占用A区，地址0x338000~0x33FF7F，cmd文件中SECTIONS部分，需要添加Flash28_API相关信息，具体下载Flash28335_API_V210的demo&#xff0…...

编程日记 2025/9/19 10:50:35

java:用Guava的TypeToken优雅处理通配符类型（WildcardType）: ? extends Number

在日常开发中我们经常会遇到泛型和通配符类型（WildcardType），比如当我们需要处理List<? extends Number>这样的类型时，如何优雅地创建这样的类型表示？本文将重点介绍如何通过Guava的TypeToken来实现通配符类型的…...

编程日记 2025/9/20 15:49:43

ROS-相机话题-获取图像-颜色目标识别与定位-目标跟随-人脸检测

文章目录相机话题获取图像颜色目标识别与定位目标跟随人脸检测相机话题启动仿真 roslaunch wpr_simulation wpb_stage_robocup.launch rostopic hz /kinect2/qhd/image_color_rect/camera/image_raw：原始的、未经处理的图像数据。 /camera/image_rect&#xff…...

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

Zabbix——Rocky9安装zabbix相关步骤记录

安装Zabbix 安装MariaDB 这里用MariaDB演示 https://mariadb.org/download/?trepo-config&dRedHatEnterpriseLinux9&v10.11&r_mneusoft 通过这个网址获得连接选择对应的repo 根据系统版本和要安装的版本选择对应的repo 安装新建一个repo文件，例…...

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

三轴云台之姿态测量篇

一、姿态测量的基本原理三轴云台通过内置的传感器实时感知其姿态变化。这些传感器主要包括陀螺仪、加速度计和磁力计（在某些高级系统中）。陀螺仪：用于检测云台的角速度变化，即绕三个轴的旋转速度。陀螺仪提供的数据是姿态测量的…...

编程日记 2025/9/18 2:02:05

Kotlin 2.1.0 入门教程（二十三）泛型、泛型约束、协变、逆变、不变

out（协变） out 关键字用于实现泛型的协变。协变意味着如果 B 是 A 的子类型，那么 Producer<B> 可以被视为 Producer<A> 的子类型。这里的 Producer 是一个使用泛型类型参数的类或接口，并且该泛型类型参数被标记为 ou…...

编程日记 2025/9/16 2:18:27

VSCode 中使用 Snippets 设置常用代码块

背景在开发中，有很多代码片段是重复的，例如：vue文件中的模版，react 中的模版，打印的 log 等等，很多很多。对于这些重复性的工作，vscode 官方提供了解决方案-Snippets in Visual Studio Code&a…...

编程日记 2025/9/21 5:15:19

在conda虚拟环境中安装jupyter lab-----deepseek问答记录

在 Conda 虚拟环境中安装 Jupyter Lab 的步骤如下： 1. 创建并激活 Conda 虚拟环境如果你还没有创建虚拟环境，可以使用以下命令创建一个新的虚拟环境并激活它： conda create -n myenv python3.x # 将 myenv 替换为你的环境名称&#xff0…...

编程日记 2025/9/20 1:42:35

单元测试整理

在国外软件开发中，单元测试必不可少，但是国内并不太重视这一块，一个好的单元测试可以提前发现很多问题，也减去和测试battle的时间 Spring单元测试 JUnit4 RunWith 指明单元测试框架 e.g. RunWith(SpringJUnit4ClassRunner.cla…...

编程日记 2025/9/12 9:26:35

计算机毕业设计hadoop+spark旅游景点推荐旅游推荐系统旅游可视化旅游爬虫景区客流量预测旅游大数据大数据毕业设计

温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 作者简介：Java领…...

编程日记 2025/9/15 22:05:03

Java虚拟机面试题：内存管理（下）

🧑 博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编…...

编程日记 2025/9/19 13:07:01

【贝克街迷宫疑云：用侦探思维破解Java迷宫算法】

贝克街迷宫疑云：用侦探思维破解Java迷宫算法 "华生，把煤气灯调亮些。"福尔摩斯用放大镜仔细端详着桌上的羊皮纸，“这个案子比表面上看起来要复杂得多——它是个三维的思维迷宫。” 第一幕：离奇委托 1895年秋的伦敦笼…...

编程日记 2025/9/16 9:16:18

网络安全示意图网络安全路线图

其实网络安全本身的知识点并不算难，但需要学的东西比较多，如果想要从事网络安全领域，肯定是需要系统、全面地掌握清楚需要用到的技能的。自学的方式基本是通过看视频或者相关的书籍，不论是什么方法，都是很难的&#…...

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

ubuntu22.04离线安装K8S

1. 准备离线安装包参考教程离线包准备教程 2. 准备环境 2.1. 准备主机主机名ip系统k8s-master192.168.38.128ubuntu22.04k8s-node192.168.38.131ubuntu22.04 2.2. 设置host 修改 /etc/hosts 文件，添加master和node节点，需要和主机名保持一致 2…...

编程日记 2025/9/21 1:04:07

985本硕，网络安全方向，走算法还是走开发？

今天给大家分享的是一位粉丝的提问，985本硕，网络安全方向，走算法还是走开发？ 接下来把粉丝的具体提问和我的回复分享给大家，希望也能给一些类似情况的小伙伴一些启发和帮助。同学提问： 985本硕&#xff…...

编程日记 2025/9/21 0:53:16

如何清理 Linux 缓存？

和其他操作系统一样，Linux 使用缓存来优化系统性能。随着时间的推移，这些缓存可能会累积起来，尽管 Linux 擅长管理内存，但在某些情况下，手动清除可能是有益的，例如用于系统诊断、应用程序性能测试或其他特定…...

编程日记 2025/9/20 1:01:32

cv2库的使用及图像预处理02

目录八,图像缩放 1. 图像缩放操作 2. 插值方法 （1）最邻近插值（cv2.INTER_NEAREST） （2）双线性插值（cv2.INTER_LINEAR） 3. 显示缩放结果 4. 目标尺寸 5. 总结九,线性灰度变…...

编程日记 2025/9/20 19:10:48

硬件学习笔记--45 电磁兼容试验-9 无线电干扰抑制试验介绍

目录电磁兼容试验- 无线电干扰抑制试验 1.试验目的 2.试验方法 3.判定依据及意义电磁兼容试验- 无线电干扰抑制试验驻留时间是在规定频率下影响量施加的持续时间。被试设备（EUT）在经受扫频频带的电磁影响量或电磁干扰的情况下&a…...

编程日记 2025/9/20 9:59:56

P1464 Function（记忆化递归）

#include <bits/stdc.h> using namespace std;#define ll long longll dp[21][21][21]; // dp数组，用来记忆已经计算过的结果ll w(ll a, ll b, ll c) {if (a < 0 || b < 0 || c < 0) {return 1;}if (a > 20 || b > 20 || c > 20) {return …...

编程日记 2025/9/20 1:01:22

OpenCV机器学习（7）人工神经网络定义模型训练过程中参数的搜索范围cv::ml::ParamGrid 类

OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 cv::ml::ParamGrid 类是 OpenCV 机器学习模块中的一个辅助类，用于定义模型训练过程中参数的搜索范围。它通常被用作某些机器学习算法（如支持向量机 SVM&…...

编程日记 2025/9/12 5:05:00

STL —— 洛谷字符串（string库）入门题（蓝桥杯题目训练）（一）

目录一、B2109 统计数字字符个数 - 洛谷算法代码： 1. 引入库和命名空间 2. 主函数 3. 读取输入 4. 变量初始化 5. 遍历字符串 6. 输出结果 7. 返回值总结评测记录： 二、B2110 找第一个只出现一次的字符 - 洛谷方法一：算法代…...

编程日记 2025/9/21 1:19:28

游戏引擎学习第107天

仓库:https://gitee.com/mrxiao_com/2d_game_2 回顾我们之前停留的位置在这段内容中，讨论了如何处理游戏中的三维效果，特别是如何处理额外的“Z层”。由于游戏中的艺术资源是位图而不是3D模型，因此实现三维效果变得非常具有挑战性。虽然可…...

编程日记 2025/9/13 19:57:30

网页制作01-html,css,javascript初认识のhtml的基本标记

一、 Html简介英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准. Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容. 1.html 的基本标记 1）头部标…...

编程日记 2025/9/16 4:05:17

WebSocket在分布式环境中的局限性及解决方案

WebSocket 在分布式环境中存在一些局限性，特别是当系统需要扩展多个服务实例时，单个 WebSocket 连接的管理和消息推送就变得比较复杂。因此，必须采取一些额外的措施来确保 WebSocket 能在多个服务实例之间正确工作。 WebSocket 在分布式环境…...

编程日记 2025/9/12 21:34:30

Windows日志分析

查看服务日志文件 windows下我们可以通过时间查看器来查看windows系统下服务，应用，系统等产生的事件以及日志 1.打开方式是： winr 输入eventvwr.msc 2.控制面板--系统与安全--事件查看器事件类型分为5种错误：标识问题很严重…...

编程日记 2025/9/16 7:38:33

* BootStrap弹框

1、渲染列表

2、删除数据

3、修改数据

* 图片上传

相关文章：