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

前端学习-操作元素属性（二十三）

news 来源：原创 2025/5/14 5:55:47

前言

假期快乐，大家加油

操作元素属性

操作元素常用属性

还可以通过 JS 设置/修改标签元素属性，比如通过 src更换 图片最常见的属性

比如:href、title、src等语法:对象.属性 = 值

const pic = document.querySelector('img');pic.src = './images/b0.jpg'pic.title='刘德华黑马演唱会'

案例：网站图片的刷新

<body><img src="./images/1.webp" alt=""<script>//取到N~M 的随机整数function getRandom(N,M){return Math.floor(Math.random()*(M-N+1))+NI11.获取图片对象const img = document.querySelector('img')/12.随机得到序号const random=getRandom(1,6)113.更换路径img.src=./images/${random}.webp</script></body>

操作元素样式属性

还可以通过 JS 设置/修改标签元素的样式属性。

比如通过 轮播图小圆点自动更换颜色样式点击按钮可以滚动图片，这是移动的图片的位置left等等

通过 style 属性操作CSS

语法

对象.style.样式属性= 值

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>​ .box {​ width: 200px;​ height: 200px;​ background-color: aqua;​ }</style></head><body><div class="box"></div><script>​ const box = document.querySelector('.box');​ box.style.width = '300px';​ box.style.height = '300px';​ box.style.backgroundColor = 'red';​ box.style.border = '2px solid black'</script></body></html>

操作类名(className)操作CSS

如果修改的样式比较多，直接通过style属性修改比较繁琐，我们可以通过借助于css类名的形式。语法://active 是一个css类名元素.className ='active'注意:由于class是关键字，所以使用className去代替className是使用新值换旧值,如果需要添加一个类,需要保留之前的类名

简单来说就是使用一个新盒子的数据去更改原先的盒子

示例：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>​ .box {​ width: 200px;​ height: 200px;​ background-color: aqua;​ }​ .boxone {​ width: 300px;​ height: 300px;​ background-color: red;​ border: 2px solid black;​ margin: 10px;​ }</style></head><body><div class="box"></div><script>​ const box = document.querySelector('.box');​ div.className = 'boxone';</script></body></html>

通过 classList 操作类控制CSS

为了解决className 容易覆盖以前的类名，我们可以通过classList方式追加和删除类名

语法格式

// 追加一个类 类名不加点，并且是字符串元素.classList.add('类名')// 删除一个类 类名不加点，并且是字符串元素.classList.remove('类名')// 切换一个类 有该类删除，没有添加，总之切换元素.classList.toggle('类名')

示例：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>​ .box {​ width: 200px;​ height: 200px;​ background-color: aqua;​ }​ .boxone {​ width: 300px;​ height: 300px;​ background-color: red;​ border: 2px solid black;​ margin: 10px;​ }</style></head><body><div class="box boxone"></div><script>​ const box = document.querySelector('.box');​ //添加classList.add('boxone');​ //box.classList.add('boxone');​ //console.log(box.classList);​ //删除classList.remove('boxone');​ //box.classList.remove('boxone');​ //console.log(box.classList);​ //切换classList.toggle('boxone');​ box.classList.toggle('boxone');​ console.log(box.classList);</script></body></html>

操作 表单元素 属性

表单很多情况，也需要修改属性，比如点击眼睛，可以看到密码，本质是把表单类型转换为文本框正常的有属性有取值的 跟其他的标签属性没有任何区别自定义属性

语法

获取：DOM对象.属性名

设置：DOM对象.属性名=新值

表单属性中添加就有效果,移除就没有效果,一律使用布尔值表示 如果为true 代表添加了该属性 如果是false 代表移除了该属性比如:disabled、checked、selected

代码示例

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><input type="checkbox" id="checkbox" checked><button id="submit-button">提交</button> <!-- 移除 disabled 属性 --><script>​ document.addEventListener('DOMContentLoaded', () => {​ const checkbox = document.querySelector('#checkbox');​ const button = document.querySelector('#submit-button');​ //const input = document.querySelector('input');​ //input.type = 'password';​ //input.value = '123';​ //input.addEventListener('input', () => {​ // console.log(input.value);​ //});​ // 初始状态检查​ console.log(button.disabled); // 输出 false​ console.log(checkbox.checked); // 输出 true​ // 设置按钮的初始状态​ button.disabled = !checkbox.checked;​ // 监听复选框的变化​ checkbox.addEventListener('change', () => {​ button.disabled = !checkbox.checked;​ console.log(button.disabled); // 输出按钮的禁用状态​ console.log(checkbox.checked); // 输出复选框的选中状态​ });​ });</script></body></html>

自定义属性

标准属性: 标签天生自带的属性 比如class id title等,可以直接使用点语法操作比如: disabled、checked、selected自定义属性:

在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取

例如：

<body><div class="box" data-id="10">盒子</div><script>const box= document.querySelector('.box')；console.log(box.dataset.id)</script></body>

示例代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div data-id="1" data-spm="不知道">1</div><div data-id="2">2</div><div data-id="3">3</div><script>​ const one = document.querySelector('div');​ console.log(one.dataset.id);​ console.log(one.dataset.spm);</script></body></html>

  • one.dataset 访问 one 元素的自定义数据属性。

  • dataset 对象包含所有以 data- 开头的属性，属性名会自动转换为驼峰命名法（camelCase）。

  1. 自定义数据属性 (data-* 属性)：

    • 自定义数据属性允许你在 HTML 元素中存储额外的数据，这些数据可以通过 JavaScript 访问和操作。

    • 自定义数据属性的名称必须以 data- 开头，后面可以是任意有效的属性名。

  2. data-id 属性：

    • data-id 是一个常见的自定义数据属性，通常用于标识元素的唯一 ID 或其他相关的标识信息。

    • 你可以根据需要为元素添加 data-id 属性，并在 JavaScript 中访问其值

    • data-spm 是一个自定义属性，通常用于特定的用途，例如标识元素的来源、跟踪代码、广告标识等。

    • 具体用途取决于项目的需求和约定。

总结

山外有山，楼外有楼，各位仍需打磨，互相加油

相关文章：

前端学习-操作元素属性（二十三）

前言 假期快乐&#xff0c;大家加油 操作元素属性 操作元素常用属性 还可以通过 JS 设置/修改标签元素属性&#xff0c;比如通过 src更换 图片最常见的属性 比如:href、title、src等语法:对象.属性 值 const pic document.querySelector(img);pic.src ./images/b0.jpgp…...

编程日记 2025/5/14 5:55:47

Javascript 编写的一个红、黄、绿灯交替变亮

为了创建一个简单但功能完整的交通灯程序&#xff0c;我们将使用 HTML、CSS 和 JavaScript 来实现红、黄、绿三种颜色按照规定的顺序循环显示。这个例子将确保灯光按照红 -> 绿 -> 黄的顺序循环&#xff0c;并且可以调整每个灯光的持续时间以模拟真实的交通灯行为。 效果…...

编程日记 2025/5/11 17:36:12

基于64QAM的载波同步和定时同步性能仿真,包括Costas环和gardner环

目录 1.算法仿真效果 2.算法涉及理论知识概要 3.MATLAB核心程序 4.完整算法代码文件获得 1.算法仿真效果 matlab2022a仿真结果如下&#xff08;完整代码运行后无水印&#xff09;&#xff1a; 仿真操作步骤可参考程序配套的操作视频。 2.算法涉及理论知识概要 载波同步是…...

编程日记 2025/5/14 23:38:28

小于n的最大数 - 贪心算法 - C++

字节经典面试题 给定一个整数n&#xff0c;并从1~9中给定若干个可以使用的数字&#xff0c;根据上述两个条件&#xff0c;得到每一位都为给定可使用数字的、最大的小于整数n的数&#xff0c;例如&#xff0c;给定可以使用的数字为 {2,3,8} 三个数&#xff1a;给定 n3589&#x…...

编程日记 2025/5/14 23:17:28

leetcode(hot100)4

解题思路&#xff1a;双指针思想 利用两个for循环&#xff0c;第一个for循环把所有非0的全部移到前面&#xff0c;第二个for循环将指针放在非0的末尾全部加上0。 还有一种解法就是利用while循环双指针条件&#xff0c;当不为0就两个指针一起移动 &#xff0c;为0就只移动右指针…...

编程日记 2025/5/14 23:04:54

【Pandas】pandas Series xs

Pandas2.2 Series Indexing, iteration 方法描述Series.get()用于根据键&#xff08;索引标签&#xff09;从 Series 中获取值Series.at用于快速访问标量值&#xff08;单个元素&#xff09;的访问器Series.iat用于快速访问标量值&#xff08;单个元素&#xff09;的访问器Se…...

编程日记 2025/5/11 20:34:45

【linux内核分析-存储】EXT4源码分析之“文件删除”原理【七万字超长合并版】（源码+关键细节分析）

EXT4源码分析之“文件删除”原理【七万字超长合并版】&#xff08;源码关键细节分析&#xff09;&#xff0c;详细的跟踪了ext4文件删除的核心调用链&#xff0c;分析关键函数的细节&#xff0c;解答了开篇中提出的三个核心疑问。 文章目录 提示前言全文重点索引1.源码解析1.1 …...

编程日记 2025/5/14 5:03:29

一个在ios当中采用ObjectC和opencv来显示图片的实例

前言 在ios中采用ObjectC编程利用opencv来显示一张图片&#xff0c;并简单绘图。听上去似乎不难&#xff0c;但是实际操作下来&#xff0c;却不是非常的容易的。本文较为详细的描述了这个过程&#xff0c;供后续参考。 一、创建ios工程 1.1、选择ios工程类型 1.2、选择接口模…...

编程日记 2025/5/13 0:32:16

使用Python实现基于强化学习的游戏AI：打造智能化游戏体验

友友们好！ 我的新专栏《Python进阶》正式启动啦！这是一个专为那些渴望提升Python技能的朋友们量身打造的专栏，无论你是已经有一定基础的开发者，还是希望深入挖掘Python潜力的爱好者，这里都将是你不可错过的宝藏。 在这个专栏中，你将会找到： ● 深入解析：每一篇文章都将…...

编程日记 2025/5/14 23:47:08

STM32G0B1 can Error_Handler 解决方法

问题现象 MCU上电&#xff0c;发送0x13帧数据固定进入 Error_Handler 硬件介绍 MCU :STM32G0B1 can:NSI1042 tx 接TX RX 接RX 折腾了一下午&#xff0c;无解&#xff0c;问题依旧&#xff1b; 对比测试 STM32G431 手头有块G431 官方评估版CAN 模块&#xff1b; 同样的…...

编程日记 2025/5/6 7:18:35

洛谷 P2511 [HAOI2008] 木棍分割

第一问很简单&#xff0c;第二问 d p dp dp。 &#xff08;真是哪都能混个 d p dp dp&#xff09; 参考题解 #include <bits/stdc.h>using namespace std;int read() {int x 0, f 1; char c getchar();while (c < 0 || c > 9) {if (c -) f -1; c getcha…...

编程日记 2025/5/14 23:30:35

二极管钳位电路分享

二极管钳位&#xff08;I/O的过压/浪涌保护等&#xff09; 如果我们的电路环境接收外部输入信号容易受到噪声影响&#xff0c;那我们必须采取过压和浪涌保护措施&#xff0c;其中一个方式就是二极管钳位保护。 像上图&#xff0c;从INPUT输入的电压被钳位在-Vf与VCCVf之间&…...

编程日记 2025/5/14 16:32:15

guestfish/libguestfs镜像管理工具简介

文章目录 简介guestfishlibguestfs项目 例子原理代码libguestfs架构参考 简介 guestfish Guestfish 是libguestfs项目中的一个工具软件&#xff0c;提供修改虚机镜像内部配置的功能。它不需要把虚机镜像挂接到本地&#xff0c;而是为你提供一个shell接口&#xff0c;你可以查…...

编程日记 2025/5/14 23:23:46

AutoSar架构学习笔记

1.AUTOSAR&#xff08;Automotive Open System Architecture&#xff0c;汽车开放系统架构&#xff09;是一个针对汽车行业的软件架构标准&#xff0c;旨在提升汽车电子系统的模块化、可扩展性、可重用性和互操作性。AUTOSAR的目标是为汽车电子控制单元&#xff08;ECU&#xf…...

编程日记 2025/5/14 23:55:49

Scade pragma: separate_io

概述 在 Scade 语言中&#xff0c;支持对用户自定义算子使用 separate_io pragma 进行修饰。其形式如&#xff1a; function #pragma kcg separate_io #end N(x: int8) returns (y,z: int8) let y x;z x; tel在上例中&#xff0c;算子N 就被 pragma #pragma kcg separate_i…...

编程日记 2025/5/14 22:40:26

三天速成微服务

微服务技术栈 总结 微服务技术对比 技术栈 SpringCloud SpringCloud是目前国内使用最广泛的微服务框架。官网地址:https://spring.io/projects/spring-cloud Springboot和SpringCould兼容性 代码目录结构如下 用于远程调用Bean 代码 package cn.itcast.order.config;//import …...

编程日记 2025/5/14 22:30:16

【MySQL】九、表的内外连接

文章目录 前言Ⅰ. 内连接案例&#xff1a;显示SMITH的名字和部门名称 Ⅱ. 外连接1、左外连接案例&#xff1a;查询所有学生的成绩&#xff0c;如果这个学生没有成绩&#xff0c;也要将学生的个人信息显示出来 2、右外连接案例&#xff1a;对stu表和exam表联合查询&#xff0c;把…...

编程日记 2025/5/14 23:08:09

GitLab 创建项目、删除项目

1、创建项目 点击左上角图标&#xff0c;回到首页 点击 Create a project 点击 Create blank project 输入项目名称&#xff0c;点击Create Project 创建成功 2、删除项目 进入项目列表 点击对应项目&#xff0c;进入项目 进入Settings页面 拖到页面底部&#xff0c;展开Adva…...

编程日记 2025/5/14 23:36:09

python学opencv|读取图像（二十六）使用cv2.putText()绘制文字进阶-在图像上写文字

【1】引言 前序已经学会了在画布上绘制文字的大部分技巧&#xff0c;相关文章链接为&#xff1a; python学opencv|读取图像&#xff08;二十三&#xff09;使用cv2.putText()绘制文字-CSDN博客 python学opencv|读取图像&#xff08;二十四&#xff09;使用cv2.putText()绘制…...

编程日记 2025/5/14 21:15:31

Apache HTTPD 多后缀解析漏洞

目录 漏洞简介 漏洞环境 漏洞复现 漏洞防御 漏洞简介 Apache HTTPD 支持一个文件拥有多个后缀&#xff0c;并为不同后缀执行不同的指令。比如&#xff0c;如下配置文件&#xff1a; AddType text/html .html AddLanguage zh-CN .cn 以上就是Apache多后缀的特性。如果运维…...

编程日记 2025/5/14 23:50:51

（二）当人工智能是一个函数，函数形式怎么选择？ChatGPT的函数又是什么？

在上一篇文章中&#xff0c;我们通过二次函数的例子&#xff0c;讲解了如何训练人工智能。今天&#xff0c;让我们进一步探讨&#xff1a;面对不同的实际问题&#xff0c;应该如何选择合适的函数形式&#xff1f; 一、广告推荐系统中的函数选择 1. 业务目标 想象一下&#x…...

编程日记 2025/5/14 23:40:40

JavaScript学习-入门篇

​ JavaScript的运行环境 开发环境就是开发JavaScript代码所需的环境&#xff0c;一般建议新手刚刚开始使用一些记事本工具&#xff08;如sublime、editPlus、VScode&#xff09;&#xff0c;锻炼代码的手感。等学习到一定阶段&#xff0c;就可以使用集成开发工具IDE&#xff0…...

编程日记 2025/5/14 23:25:09

今日头条ip属地根据什么显示？不准确怎么办

在今日头条这样的社交媒体平台上&#xff0c;用户的IP属地信息对于维护网络环境的健康与秩序至关重要。然而&#xff0c;不少用户发现自己的IP属地显示与实际位置不符&#xff0c;这引发了广泛的关注和讨论。本文将深入探讨今日头条IP属地的显示依据&#xff0c;并提供解决IP属…...

编程日记 2025/5/14 6:39:39

python之移动端测试---appium

Appium Appium介绍环境准备新版本appium的用法介绍元素定位函数被封装&#xff0c;统一使用By.xxx(定位方式)&#xff1a;通过文本定位的写法 一个简单的请求示例APP操作api基础apk安装卸载发送&#xff0c;拉取文件uiautomatorviewer工具使用获取页面元素及属性模拟事件操作模…...

编程日记 2025/5/5 1:45:00

【网络安全实验室】基础关实战详情

须知少时凌云志,曾许人间第一流 1.key在哪里 url&#xff1a;http://rdyx0/base1_4a4d993ed7bd7d467b27af52d2aaa800/index.php 查看网页源代码的方式有4种&#xff0c;分别是&#xff1a;1、鼠标右击会看到”查看源代码“&#xff0c;这个网页的源代码就出现在你眼前了&…...

编程日记 2025/5/14 22:32:25

在DJI无人机上运行VINS-FUISON（PSDK 转 ROS）

安装ceres出现以下报错&#xff0c;将2版本的ceres换成1版本的ceres CMake did not find one.Could not find a package configuration file provided by "absl" with any ofthe following names:abslConfig.cmakeabsl-config.cmakeAdd the installation prefix of …...

编程日记 2025/5/14 23:57:17

MarkDown怎么转pdf；Mark Text怎么使用；

MarkDown怎么转pdf 目录 MarkDown怎么转pdf先用CSDN进行编辑，能双向看版式；标题最后直接导出pdfMark Text怎么使用一、界面介绍二、基本操作三、视图模式四、其他功能先用CSDN进行编辑，能双向看版式； 标题最后直接导出pdf Mark Text怎么使用 Mark Text是一款简洁的开源Mar…...

编程日记 2025/5/14 17:35:32

代码实战：基于InvSR对视频进行超分辨率重建

Diffusion Models专栏文章汇总：入门与实战 前言：上一篇博客《使用Diffusion Models进行图像超分辩重建》中讲解了InvSR的原理，博主实测的效果是非常不错的，和PASD基本持平。这篇博客就讲解如何利用InvSR对视频进行超分辨率重建。 目录 环境准备 代码讲解 环境准备...

编程日记 2025/5/15 0:06:14

解决HBuilderX报错：未安装内置终端插件，是否下载?或使用外部命令行打开。

版权声明 本文原创作者&#xff1a;谷哥的小弟作者博客地址&#xff1a;http://blog.csdn.net/lfdfhl 错误描述 在HBuilderX中执行npm run build总是提醒下载插件&#xff1b;图示如下&#xff1a; 但是&#xff0c;下载总是失败。运行项目时候依然弹出上述提醒。 解决方案 …...

编程日记 2025/5/10 7:31:26

邻接表深度优先遍历和广度优先遍历计算方法

DFS和BFS 一、 深度优先遍历次序&#xff08;DFS&#xff09;二、 深度优先遍历生成树三、 广度优先遍历次序&#xff08;BFS&#xff09;四、 广度优先遍历生成树示例说明1. DFS遍历2. BFS遍历 在图的遍历中&#xff0c;常用的两种算法是深度优先遍历&#xff08;DFS&#xff…...

编程日记 2025/5/14 22:37:00

计算机网络-数据链路层（CSMA/CD协议，CSMA/CA协议）

2.2 ppp协议 点对点协议ppp是目前使用最广泛的点对点数据链路层协议。 2.3 媒体接入控制基本概念 共享信道要着重考虑的一个问题就是如何协调多个发送和接收站点对一个共享传输媒体的占用&#xff0c;即媒体接入控制MAC。 2.3.1 静态划分信道 频分复用 时分复用 波分复用 码分复…...

编程日记 2025/5/14 22:10:07

网络安全的学习与实践经验（附资料合集）

学习资源 在线学习平台&#xff1a; Hack This Site&#xff1a;提供从初学者到高级难度的挑战任务&#xff0c;适合练习各种网络安全技术。XCTF_OJ&#xff1a;由XCTF组委会开发的免费在线网络安全网站&#xff0c;提供丰富的培训材料和资源。SecurityTube&#xff1a;提供丰…...

编程日记 2025/5/15 0:02:21

Navicat 17 for Mac 数据库管理软件

Mac分享吧 文章目录 效果一、准备工作二、开始安装1. 双击运行软件&#xff0c;将其从左侧拖入右侧文件夹中&#xff0c;等待安装完毕。2. 应用程序/启动台显示Navicat图标&#xff0c;表示安装成功。 二、运行测试运行后提示&#xff1a;“Navicat Premium.pp”已损坏&#x…...

编程日记 2025/5/14 2:39:00

Json与jsoncpp

目录 一、关于Json 1.数据类型 2.语法规则 二、写Json相关API 1.Json::Value类 2.append方法 3.toStyledString方法 三、读Json相关API 1.Json::Reader类 2.parse方法 3.类型判断方法 4.类型转换方法 5.getMemberNames方法 四、完整代码 一、关于Json Json是一种轻…...

编程日记 2025/5/12 1:11:42

Webpack、Vite区别知多少？

前端的项目打包&#xff0c;我们常用的构建工具有Webpack和Vite&#xff0c;那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢&#xff1f;我们在做项目时要如何选择呢&#xff1f; 一、工具定义 1、Webpack&#xff1a;是一个强大的静态模块打包工…...

编程日记 2025/5/14 17:35:16

以太网ICMP协议(ping指令)——FPGA学习笔记25

--素材来源原子哥 一、IP协议 1、IP简介 IP是Internet Protocol(网际互连协议)的缩写。IP 协议是 TCP/IP 协议簇中的核心协议&#xff0c;它为上层协议提供无状态、无连接、不可靠的服务。IP 协议规定了数据传输时的基本单元和格式 。 IP协议是 OSI 参考模型中网络层…...

编程日记 2025/5/12 2:14:03

ESP32自动下载电路分享

下面是一个ESP32系列或者ESP8266等电路的一个自动下载电路 在ESP32等模块需要烧写程序的时候&#xff0c;需要通过将EN引脚更改为低电平并将IO0引脚设置为低电平来切换到烧写模式。 有时候也会采用先将IO接到一个按键上&#xff0c;按住按键拉低IO0的同时重新上电的方式进入烧写…...

编程日记 2025/5/7 23:49:12

数据结构（ing）

学习内容 指针 指针的定义&#xff1a; 指针是一种变量&#xff0c;它的值为另一个变量的地址&#xff0c;即内存地址。 指针在内存中也是要占据位置的。 指针类型&#xff1a; 指针的值用来存储内存地址&#xff0c;指针的类型表示该地址所指向的数据类型并告诉编译器如何解…...

编程日记 2025/5/12 3:19:09

STM32-笔记32-ESP8266作为服务端

esp8266作为服务器的时候&#xff0c;这时候网络助手以客户端的模式连接到esp8266&#xff0c;其中IP地址写的是esp8266作为服务器时的IP地址&#xff0c;可以使用ATCIFSR查询esp8266的ip地址&#xff0c;端口号默认写333。 当esp8266作为服务器的时候&#xff0c;需要完成哪些…...

编程日记 2025/5/12 17:45:51

[Day 12]904.水果成篮

今天给带来的题目是滑动窗口的另一种题目&#xff0c;之前我们讲了滑动窗口题目中长度最小的子数组&#xff0c;今天这个题目实际上是求长度最长的子数组 题目描述&#xff1a;力扣链接 904.水果成篮 你正在探访一家农场&#xff0c;农场从左到右种植了一排果树。这些树用一个整…...

编程日记 2025/5/14 9:31:00

检查字符是否相同

给你一个字符串 s &#xff0c;如果 s 是一个 好 字符串&#xff0c;请你返回 true &#xff0c;否则请返回 false 。 如果 s 中出现过的 所有 字符的出现次数 相同 &#xff0c;那么我们称字符串 s 是 好 字符串。 输入&#xff1a;s "abacbc" 输出&#xff1a;t…...

编程日记 2025/5/9 2:20:25

专家混合（MoE）大语言模型：免费的嵌入模型新宠

专家混合&#xff08;MoE&#xff09;大语言模型&#xff1a;免费的嵌入模型新宠 今天&#xff0c;我们深入探讨一种备受瞩目的架构——专家混合&#xff08;Mixture-of-Experts&#xff0c;MoE&#xff09;大语言模型&#xff0c;它在嵌入模型领域展现出了独特的魅力。 一、M…...

编程日记 2025/5/5 21:39:50

CSS3 框大小

CSS3 框大小 CSS3 是网页设计和开发中不可或缺的一部分，它为开发者提供了更多样化、更灵活的样式和布局选择。在 CSS3 中，框大小（Box Sizing）是一个重要的概念，它决定了元素内容的宽度和高度以及元素整体的大小。本文将详细介绍 CSS3 框大小的概念、用法以及最佳实践。 …...

编程日记 2025/5/11 11:49:13

Vue动态控制disabled属性

参考:https://blog.csdn.net/guhanfengdu/article/details/126082781 在Vue中disabled:的值是受布尔值影响的&#xff0c;false为关闭禁用&#xff0c;true为开启禁用效果。 结果就是true会让按钮禁用 相反false会让按钮重新可以使用 那如果想要通过id属性值来判断是否禁用…...

编程日记 2025/4/28 18:25:56

Python入门教程 —— 列表

1.列表的基本使用 列表的介绍 前面学习的字符串可以用来存储一串信息，那么想一想，怎样存储咱们班所有同学的名字呢？ 定义100个变量，每个变量存放一个学生的姓名可行吗？有更好的办法吗？ 列表 列表的格式 定义列的格式：[元素1, 元素2, 元素3, ..., 元素n] 变量tmp的类型…...

编程日记 2025/5/13 2:16:35

CSS2笔记

一、CSS基础 1.CSS简介 2.CSS的编写位置 2.1 行内样式 2.2 内部样式 2.3 外部样式 3.样式表的优先级 4.CSS语法规范 5.CSS代码风格 二、CSS选择器 1.CSS基本选择器 通配选择器元素选择器类选择器id选择器 1.1 通配选择器 1.2 元素选择器 1.3 类选择器 1.4 ID选择器 1.5 基…...

编程日记 2025/5/12 12:20:19

对一个双向链表，从尾部遍历找到第一个值为x的点，将node p插入这个点之前，如果找不到，则插在末尾。使用C语言实现

以下是一个用C语言实现的双向链表&#xff08;Doubly Linked List&#xff09;插入操作的代码。该代码从尾部遍历找到第一个值为x的节点&#xff0c;并在其前插入新节点p&#xff0c;或者在未找到时将其插入链表末尾。 #include <stdio.h> #include <stdlib.h>// 定…...

编程日记 2025/5/13 4:10:39

C语言string函数库补充之strstr

这次讲解一个函数strstr 它的功能是在一个字符串&#xff08;称为“主字符串”&#xff09;中查找另一个字符串&#xff08;称为“子字符串”&#xff09;的第一个出现位置。如果找到了子字符串&#xff0c;strstr 函数会返回一个指向子字符串在主字符串中首次出现位置的指针&…...

编程日记 2025/5/5 1:25:46

SpringBoot整合Mapstruct转换器使用教程（提供Gitee源码）

前言：MapStruct 主要是为了简化 Java 应用程序中不同对象之间（特别是 DTO（Data Transfer Object）、VO（Value Object）、BO（Business Object）和数据库实体类等）数据转换的过程。 目录 一、什么是Mapstruct 二、导入Maven依赖 三、创建数据模型 四、创建Mapper接口 …...

编程日记 2025/5/12 14:39:09

vue cli更新遇到的问题(vue -V查询版本号不变的问题)

1.镜像地址选择 npm会去默认的registry远程仓库中下载指定内容 该过程可能十分缓慢 因此我们可以切换默认仓库为镜像地址 npm config set registry https://registry.npmmirror.com 通过该指令可以从最新的镜像地址下载指定内容(镜像地址可能会有变 有变请重新查询) 2.下载 …...

编程日记 2025/5/12 3:19:42