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

jQuery学习笔记2

news 来源：原创 2025/7/14 14:39:54

jQuery 属性操作

  <body><a href="http://www.itcast.cn" title="都挺好">都挺好</a><input type="checkbox" name="" id="" checked /><div index="1" data-index="2">我是div</div><span>123</span><script>$(function () {// element.prop("属性名") 获取元素固有的属性值console.log($("a").prop("href"));$("a").prop("title", "我们都挺好");$("input").change(function () {console.log($(this).prop("checked"));});console.log($("div").prop("index"));// 元素的自定义属性 我们通过 attr()console.log($("div").attr("index"));$("div").attr("index", 4);console.log($("div").attr("data-index"));// 3.数据缓存data() 这个里面的数据是存放在元素的内存里面$("span").data("uname", "andy");console.log($("span").data("uname"));// 这个方法获取data-index h5自定义的属性 第一个 不用写data- 而且返回的是数字型console.log($("div").data("index"));});</script></body>

代码实现：

  // 全选 全不选功能模块//   就是把全选按钮（checkall）的状态赋值给三个小的按钮（j-checkbox）就可以了// 事件可以使用change$(".checkall").change(function () {console.log($(this).prop("checked"));$(".j-checkbox, .checkall").prop("checked", $(this).prop("checked"));if ($(this).prop("checked")) {// 让所有的商品添加check-cart-item 类名$(".cart-item").addClass("check-cart-item");} else {// 移除check-cart-item$(".cart-item").removeClass("check-cart-item");}});$(".j-checkbox").change(function () {//   if (被选中的小复选框的个数 === 3) {//     就要选中全选按钮;//   } else {//     就不要选中全选按钮;//   }// console.log($(".j-checkbox:checked").length); // 这个是所有小复选框选中的个数// $(".j-checkbox:checked") // 这个是所有小复选框的个数if ($(".j-checkbox:checked").length === $(".j-checkbox").length) {$(".checkall").prop("checked", true);} else {$(".checkall").prop("checked", false);}if ($(this).prop("checked")) {// 让当前商品添加 check-cart-item 类名, 注意，是当前商品，所以直接这样写不太对$(".cart-item")，会将所有的列表颜色都添加上$(this).parents(".cart-item").addClass("check-cart-item");} else {// check-cart-item 移除$(this).parents(".cart-item").removeClass("check-cart-item");}});

jQuery 内容文本值

    <div><span>我是内容</span></div><input type="text" value="请输入内容" /><script>// 1.获取设置元素内容 html()console.log($("div").html());$("div").html("123");// 2.获取设置元素文本内容 text()console.log($("div").text());$("div").text("123");// 3.获取设置表单值 val()console.log($("input").val());$("input").val("123");</script>

标题一

   //   3.增减商品数量模块 首先声明一个变量，但我们点击+号（increment），就让这个值++，然后赋值给文本框$(".increment").click(function () {// 得到当前兄弟文本框的值var n = $(this).siblings(".itxt").val();console.log(n);n++;$(this).siblings(".itxt").val(n);// 3.计算小计模块 根据文本框的值 乘以 当前商品的价格 就是 商品的小计// 当前商品的价格 p// .parents(".p-sum") 返回指定的祖先元素var p = $(this).parents(".p-num").siblings(".p-price").html();console.log(p);p = p.substr(1);console.log(p);// 小计模块 .toFixed(2) 可以让我们保留两位小数$(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2));getSum();});//   列表中获取到的加与减有一个循环遍历的过程$(".decrement").click(function () {// 得到当前兄弟文本框的值var n = $(this).siblings(".itxt").val();if (n == 1) {return false;}console.log(n);n--;$(this).siblings(".itxt").val(n);var p = $(this).parents(".p-num").siblings(".p-price").html();console.log(p);p = p.substr(1);console.log(p);// 小计模块$(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2));getSum();});//   4.用户修改文本框的值 乘以 当前商品的单价$(".itxt").change(function () {// 先得到文本框的里面的值 乘以 当前商品的单价var n = $(this).val();// 当前商品的单价var p = $(this).parents(".p-num").siblings(".p-price").html();// console.log(p)p = p.substr(1);$(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2));getSum();});

获取父级元素，以及简写方法

    <div class="one"><div class="two"><div class="three"><div class="four">我不容易</div></div></div></div><script>console.log($(".four").parent().parent().parent());console.log($(".four").parents());console.log($(".four").parents(".one"));</script>

jQuery 元素操作

    <div>1</div><div>2</div><div>3</div><script>$(function () {// $("div").css("color", "red")// 如果需要针对同一类元素做不同的操作，需要用到遍历元素（类似for,但是比for强大）var sum = 0;// 1.each 方法遍历元素var arr = ["red", "green", "blue"];$("div").each(function (i, domEle) {// 回调函数第一个参数一定是索引号，可以自己指定索引号名称//   console.log(index);console.log(i);// 回调函数第二个参数一定是 dom 元素对象console.log(domEle);//   domEle.css("color"); // dom对象没有css方法//   每一次循环都会为当前元素指定arr数组里面对应的索引值的颜色值$(domEle).css("color", arr[i]);//   sum += $(domEle).text(); // 得到的sum是一个字符串sum += parseInt($(domEle).text()); // parseInt转化成数值型});console.log(sum);// 2.$.each() 方法遍历元素 主要用于遍历数据 处理数据$.each($("div"), function (i, ele) {console.log(i, ele);});$.each(arr, function (i, ele) {console.log(i, ele);});$.each({ name: "andy", age: 18 }, function (i, ele) {console.log(i, ele); // i 输出的是name age 属性名， ele输出的是andy 18 属性值});});

  //   计算总计模块getSum();function getSum() {var count = 0; // 计算总件数var money = 0; //计算总价钱$(".itxt").each(function (i, ele) {count += parseInt($(ele).val());});$(".amount-sum em").text(count);$(".p-sum").each(function (i, ele) {money += parseFloat($(ele).text().substr(1));});$(".price-sum em").text("￥" + money.toFixed(2));}

    <ul><li>原先的li</li></ul><div class="test">我是原先的div</div>  $(function () {// 1. 创建元素var li = $("<li>我是后来创建的li</li>");// 2. 添加元素// (1) 内部添加$("ul").append(li); // 内部添加并且放到内容的最后面$("ul").prepend(li); // 内部添加并且放到内容的最前面// (2) 外部添加var div = $("<div>我是山上的带河</div>");// $(".test").after(div);$(".test").before(div);// 3. 删除元素// $("ul").remove(); // 可以删除匹配的元素// $("ul").empty(); // 可以删除匹配的元素里面的子节点$("ul").html(""); // 可以删除匹配的元素里面的子节点});

  //   删除商品// （1）商品后面的删除按钮$(".p-action a").click(function () {// 删除的是当前的商品$(this).parents(".cart-item").remove();getSum();});//   (2) 删除选中的商品$(".remove-batch").click(function () {// 删除的是小的复选框选中的商品$(".j-checkbox:checked").parents(".cart-item").remove();getSum();});// （3）清空购物车 删除全部商品$(".clear-all").click(function () {$(".cart-item").remove();getSum();});

jQuery 尺寸、位置操作

    $(function () {// 1. width() / height() 获取设置元素 width和height大小console.log($("div").width());// $("div").width(300);// 2. innerWidth() / innerHeight()  获取设置元素 width和height + padding 大小console.log($("div").innerWidth());// 3. outerWidth()  / outerHeight()  获取设置元素 width和height + padding + border 大小console.log($("div").outerWidth());// 4. outerWidth(true) / outerHeight(true) 获取设置 width和height + padding + border + marginconsole.log($("div").outerWidth(true));});

        $(function () {// 1.获取设置距离文档的位置（偏移） offsetconsole.log($(".son").offset());console.log($(".son").offset().top);// $(".son").offset({//   top: 200,//   left: 200,// });// 2.获取距离带有定位父级位置（偏移） position 如果没有带有定位的父级，则以文档为准// 这个方法只能获取不能设置偏移console.log($(".son").position());// 没有效果出现// $(".son").position({//   top: 200,//   left: 200,// });});

      $(function () {$(document).scrollTop(100);// 被卷去的头部 scrollTop / 被卷去的左侧 scrollLeft()// 页面滚动事件var boxTop = $(".container").offset().top;$(window).scroll(function () {// console.log(11)console.log($(document).scrollTop);if ($(document).scrollTop() >= boxTop) {$(".back").fadeIn();} else {$(".back").fadeOut();}});// 返回顶部$(".back").click(function () {//   $(document).scrollTop(0);$("body,html").stop().animate({scrollTop: 0,});//   $("document").stop().animate({//     scrollTop: 0,//   }); // 不能是文档而是html和body元素做动画});});

$(function () {// 当我们点击了小li 此时不需要执行 页面滚动事件里面的 li 的背景选择 添加 current// 节流阀  互斥锁var flag = true;// 1.显示隐藏电梯导航var toolTop = $(".recommend").offset().top;toggleTool();function toggleTool() {if ($(document).scrollTop() >= toolTop) {$(".fixedtool").fadeIn();} else {$(".fixedtool").fadeOut();}}$(window).scroll(function () {toggleTool();// 3. 页面滚动到某个内容区域，左侧电梯导航小li相应添加和删除current类名if (flag) {$(".floor .w").each(function (i, ele) {if ($(document).scrollTop() >= $(ele).offset().top) {console.log(i);$(".fixedtool li").eq(i).addClass("current").siblings().removeClass();}});}});// 2. 点击电梯导航页面可以滚动到相应内容区域$(".fixedtool li").click(function () {flag = false;console.log($(this).index());// 当我们每次点击小li 就需要计算出页面要去往的位置// 选出对应索引号的内容区的盒子 计算它的.offset().topvar current = $(".floor .w").eq($(this).index()).offset().top;// 页面动画滚动效果$("body, html").stop().animate({scrollTop: current,},function () {flag = true;});// 点击之后，让当前的小li 添加current 类名 ，姐妹移除current类名$(this).addClass("current").siblings().removeClass();});
});

jQuery学习笔记2

jQuery 属性操作 <body><a href"http://www.itcast.cn" title"都挺好">都挺好</a><input type"checkbox" name"" id"" checked /><div index"1" data-index"2">我是div&…...

编程日记 2025/7/14 14:39:54

发现API安全风险，F5随时随地保障应用和API安全

分析数据显示，目前超过90%的基于Web的网络攻击都以API端点为目标，试图利用更新且较少为人所知的漏洞，而这些漏洞通常是由安全团队未主动监控的API所暴露。现代企业需要一种动态防御策略，在风险升级成代价高昂、令人警惕且往往无法…...

编程日记 2025/7/15 4:49:02

移动端如何实现上拉加载

一、理解上拉加载的原理上拉加载是一种在移动端很常见的交互方式，其原理是当用户在页面上向上滑动（即滚动条接近底部）时，触发一个加载更多数据的操作。这通常涉及到对滚动事件的监听以及判断滚动位置是否达到了触发加载的阈值。…...

编程日记 2025/7/15 5:06:27

the request was rejected because no multipart boundary was found

文章目录 1. 需求描述2. 报错信息3. 探索过程 1. 使用postman 排除后端错误2. 搜索网上的解决方法3. 解决方法 1. 需求描述想要在前端上传一个PDF 发票，经过后端解析PDF之后，将想要的值自动回填到对应的输入框中 2. 报错信息 org.apache.tomcat.u…...

编程日记 2025/7/15 5:23:10

Android 自定义shell命令

模拟触摸、按键等操作，直接在命令行输入对应命令即可。命令行如何识别并操作此命令，执行操作的是shell程序，还是java程序？是不是可以添加自定义的命令？ 以下在Android13的代码中分析input命令 Android系统中使用了一…...

编程日记 2025/7/14 5:28:54

HTML5滑块（Slider）

HTML5 的滑块（Slider）控件允许用户通过拖动滑块来选择数值。以下是如何实现一个简单的滑块组件的详细说明。 HTML5 滑块组件 1. 基本结构使用 <input type"range"> 元素可以创建一个滑块。下面是基本实现的代码示例： <…...

编程日记 2025/7/15 4:47:51

《SwiftUI 实现点击按钮播放 MP3 音频》

功能介绍点击按钮时，应用会播放名为 yinpin.mp3 的音频文件。使用 AVAudioPlayer 来加载和播放音频。关键点： 按钮触发：点击按钮会调用 playAudio() 播放音频。音频加载：通过 Bundle.main.url(forResource:) 加载音频文件。播…...

编程日记 2025/7/15 5:03:42

表单元素（标签）有哪些？

HTML 中的表单元素（标签）用于收集用户输入的数据，常见的有以下几种： 文本输入框 <input type"text">：用于单行文本输入，如用户名、密码等。可以通过设置maxlength属性限制输入字符数&…...

编程日记 2025/7/15 4:28:03

大型ERP系统GL（总账管理）模块需求分析

主要介绍了GL系统的需求分析，包括系统概述、功能描述、帐薄管理、报表管理、期末处理、财务报表以及凭证的快速输入方式、可用性设计、保存、自动审核和打印等方面的内容。系统概述部分介绍了系统的功能结构和模块流程图。功能描述部分详细描述了系统的基础资料和业…...

编程日记 2025/7/15 4:44:09

SQL常用语句(基础)大全

SQL语句的类型 1.DDL 1.库2.表 2.DML 1.插入数据 insert inot2.删除数据 delete / truncate3.修改数据 update set 3.DQL 1.无条件查询2.查询什么开始到什么结束3.指定条件查询 1.单个条件 ro in2.多个条件 and4.查询不为NULL值 is not null ,为NULL值 is null5.模糊查询 li…...

编程日记 2025/7/11 19:49:18

关于HarmonyOS Next中卡片的使用方法

关于Harmony OS中卡片的使用方法在Harmony OS中，静态卡片是一种非常有用的组件，用于提供应用内功能组件的交互和信息展示。本文将详细介绍如何在Harmony OS中使用静态卡片以及相关的API接口。 1. 概述静态卡片是Harmony OS中的一种交互组件&#xf…...

编程日记 2025/7/10 20:20:19

Retrofit和rxjava 实现窜行请求，并行请求，循环多次请求，递归请求，错误重试

在使用 Retrofit 和 RxJava 时，可以通过多种方式实现多次请求，比如串行请求、并行请求、依赖请求等。以下是一些常见的实现方式： 1. 串行请求（依赖关系） 一个请求的结果作为另一个请求的输入，可以用 flat…...

编程日记 2025/7/11 6:15:16

C# OpenCV机器视觉:目标跟踪

在一个阳光明媚的下午，阿强正在实验室里忙碌，突然他的同事小杨走了进来，脸上挂着一丝困惑。 “阿强，我的目标跟踪项目出了问题！我想跟踪一个移动的物体，但总是跟丢！”小杨一边说，一…...

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

LeetCode 191 位1的个数

计算正整数二进制表示中汉明重量的两种实现方式对比在编程的世界里，我们常常会遇到一些有趣又实用的小问题，今天就来和大家分享一下如何计算一个正整数二进制表示中设置位（也就是 1 的个数，专业术语叫汉明重量）的问题…...

编程日记 2025/7/14 18:19:21

【软件测试面试】银行项目测试面试题+答案（二）

前言面试题：贷款有哪几种形式? 贷款是指金融机构或其他信贷机构向借款人提供资金，并按照约定的条件和期限收取一定利息的行为。根据贷款的不同形式，贷款可以分为以下几种： 按照还款方式分：分期付款贷款、到期一次…...

编程日记 2025/7/14 18:09:53

分布式消息队列RocketMQ

一、RocketMQ概述 1.1 MQ 概述 MQ，Message Queue，是一种提供消息队列服务的中间件，也成为消息中间件，是一套提供了消息生产、存储、消费全过程API的软件系统。消息即数据 1.2 MQ 用途 MQ的用途总结起来可分为以下三点限流削峰…...

编程日记 2025/7/12 7:02:42

Temporary failure resolving ‘security.ubuntu.com‘

apt-get update 的时候出现： Temporary failure resolving security.ubuntu.com Temporary failure resolving archive.ubuntu.com具体信息： > ERROR [devel 3/17] RUN bash ./install_base.sh 3.12.3 && rm install_base.sh …...

编程日记 2025/7/10 22:15:32

0基础跟德姆（dom）一起学AI 自然语言处理10-LSTM模型

1 LSTM介绍 LSTM（Long Short-Term Memory）也称长短时记忆结构, 它是传统RNN的变体, 与经典RNN相比能够有效捕捉长序列之间的语义关联, 缓解梯度消失或爆炸现象. 同时LSTM的结构更复杂, 它的核心结构可以分为四个部分去解析: 遗忘门输入门细胞状态输出门…...

编程日记 2025/7/9 17:26:07

设计模式创建型建造者模式（Builder Pattern）与常见技术框架应用解析

单例模式（Singleton Pattern），又称生成器模式，是一种对象构建模式。它主要用于构建复杂对象，通过将复杂对象的构建过程与其表示分离，使得同样的构建过程可以创建出具有不同表示的对象。该模式的核心思想是将…...

编程日记 2025/7/13 22:23:59

cJson—json和XML比较

cJson—json和XML比较前言1. 数据结构与表达能力2. 效率（性能）3. 存储占用与传输效率4. 开发难易程度5. 跨平台支持与兼容性6. 灵活性与扩展性7. 错误处理与验证**总结：JSON 与 XML 的优缺点对比选择建议前言在嵌入式设备开发中&#xff…...

编程日记 2025/7/9 8:21:44

【项目】智能BI洞察引擎测试报告

目录一、项目背景BI介绍问题分析项目背景二、项目功能三、功能测试1、登录测试测试用例测试结果 2、注册测试测试用例测试结果出现的bug 3、上传文件测试测试用例测试结果 4、AI生成图表测试测试用例测试结果 5、分析数据页面测试（异步）测试用例测试结…...

编程日记 2025/7/11 18:59:56

基于SpringBoot的野生动物保护发展平台的设计与实现（源码+SQL+LW+部署讲解）

文章目录摘要1. 第1章选题背景及研究意义1.1 选题背景1.2 研究意义1.3 论文结构安排 2. 第2章相关开发技术2.1 前端技术2.2 后端技术2.3 数据库技术 3. 第3章可行性及需求分析3.1 可行性分析3.2 系统需求分析 4. 第4章系统概要设计4.1 系统功能模块设计4.2 数据库设计 5.…...

编程日记 2025/7/10 1:16:26

QEMU网络配置简介

本文简单介绍下qemu虚拟机网络的几种配置方式。通过QEMU的支持，常见的可以实现以下4种网络形式： 基于网桥（bridge）的虚拟网络。基于NAT（Network Addresss Translation）的虚拟网络。QEMU内置的用户模式网…...

编程日记 2025/7/9 22:56:22

wps透视数据表

1、操作首先选中你要的行字段表格 -> 插入 -> 透视数据表 -> 拖动行值（部门）到下方，拖动值（包裹数量、运费）到下方 2、删除选中整个透视数据表 -> delete 如图：...

编程日记 2025/7/14 3:44:50

Modbus知识详解

Modbus知识详解 ## 1.什么是Modbus?**顾名思义**，它是一个Bus（总线），即总线协议。比如串口协议、IIC协议、SPI都是通信协议。你接触到这种协议，相信你所处的行业是工业电子方面或者你的产品用于工业。好了&#xff0c…...

编程日记 2025/7/15 4:43:00

c++字节对齐

字节对齐（Byte Alignment）是指计算机存储器中数据存放的位置必须满足特定的地址要求，以提高内存访问效率。在许多计算机系统中，处理器在读取内存中的数据时，需要按照特定的边界进行访问，这种边界通常是2的幂…...

编程日记 2025/7/14 23:59:01

javaEE-文件内容的读写

目录一.数据流 1.字节流 InputStream的方法： cloes() read() OutPutStream writer()方法 2.字符流 Reader: writer: 代码练习1: 代码练习2: 代码练习3: 一.数据流 java标准库对数据进行了封装,提供了一组类负责进行这些工作. 数据流分为两类:字节流和…...

编程日记 2025/7/12 1:47:47

SWM221系列芯片之电机应用及控制

经过对SWM221系列的强大性能及外设资源，TFTLCD彩屏显示及控制进行了整体介绍后，新迎来我们的电控篇---SWM221系列芯片之电机应用及控制。在微控制器市场面临性能、集成度与成本挑战的当下，SWM221系列芯片以其卓越性能与创新设计，受…...

编程日记 2025/7/13 9:09:15

Mongodb日志报错too many open files，导致mongod进程down

【解决方案】 （1）进入到服务器，执行： ulimit -a 查看：open files这一行的数量，如果查询到的结果是1000左右，那多半是服务器限制。 （2）在当前session窗口执行如下&…...

编程日记 2025/7/4 6:15:03

在 uni-app 中使用 wxml-to-canvas 的踩坑经验总结

在 uni-app 中使用 wxml-to-canvas 的踩坑经验总结 wxml-to-canvas 是一款非常强大的小程序工具，可以将 WXML 转换为 Canvas 绘图，用于生成海报、分享图片等。将其应用于 uni-app 项目中，可以为多端开发带来极大的便利，但也有一些…...

编程日记 2025/6/28 16:48:09

基本算法——回归

目录创建工程加载数据分析属性创建与评估回归模型线性回归回归树评估完整代码结论本节将通过分析能源效率数据集（Tsanas和Xifara，2012）学习基本的回归算法。我们将基于建筑的结构特点（比如表面、墙体与屋顶面…...

编程日记 2025/7/10 17:21:31

NestJS 性能优化：从应用到部署的最佳实践

在上一篇文章中，我们介绍了 NestJS 的微服务架构实现。本文将深入探讨 NestJS 应用的性能优化策略，从应用层到部署层面提供全方位的优化指南。应用层优化 1. 路由优化 // src/modules/users/users.controller.ts import { Controller, Get, UseInter…...

编程日记 2025/7/8 21:28:36

VuePress搭建个人博客

VuePress搭建个人博客官网地址: https://v2.vuepress.vuejs.org/zh/ 相关链接: https://theme-hope.vuejs.press/zh/get-started/ 快速上手 pnpm create vuepress vuepress-starter# 选择简体中文、pnpm等, 具体如下 .../19347d7670a-1fd8 | 69 .../19…...

编程日记 2025/7/10 23:42:55

在AWS Lambda上部署Python应用：从入门到实战

在AWS Lambda上部署Python应用：从入门到实战随着云计算和无服务器架构（Serverless Architecture）在业界的普及，AWS Lambda成为了一个强有力的工具。它让开发者可以部署代码而无需管理服务器，按需运行，按时间计费。AWS Lambda支持多种语言，其中Python作为一门高效、简洁…...

编程日记 2025/7/14 5:46:39

初学STM32 ---高级定时器互补输出带死区控制

互补输出，还带死区控制，什么意思？ 带死区控制的互补输出应用之H桥捕获/比较通道的输出部分（通道1至3） 死区时间计算举个栗子（F1为例）：DTG[7:0]250，250即二进制&#x…...

编程日记 2025/7/8 5:07:41

chatwoot 开源客服系统搭建

1. 准备开源客服系统（我是用的Chatwoot ） 可以选择以下开源客服系统作为基础： Chatwoot: 开源，多语言，跟踪和分析，支持多渠道客户对接，自动化和工作流等。源码Zammad: 现代的开源工单系统。Fr…...

编程日记 2025/7/14 23:29:38

Ungoogled Chromium127编译指南 Linux篇 - 安装Docker（六）

1. 引言在了解了Docker的重要性后，我们需要在系统中正确安装和配置Docker环境。Docker的安装过程看似简单，但要确保其能够完美支持Ungoogled Chromium的编译，还需要进行一些特殊的配置。本文将详细介绍如何在Ubuntu系统上安装Docker&#x…...

编程日记 2025/7/13 5:02:14

试用ChatGPT的copilot编写一个程序从笔记本电脑获取语音输入和图像输入并调用开源大模型进行解析

借助copilot写代码和自己手写代码的开发过程是一样的。首先要有明确的开发需求，开发需求越详细，copilot写出的代码才能越符合我们的预期。其次，有了明确的需求，最好先做下需求拆解，特别是对于比较复杂的应用&#xf…...

编程日记 2025/7/7 5:51:13

Kafka 性能提升秘籍：涵盖配置、迁移与深度巡检的综合方案

文章目录 1.1.网络和io操作线程配置优化1.2.log数据文件刷盘策略1.3.日志保留策略配置1.4.replica复制配置1.5.配置jmx服务1.6.系统I/O参数优化1.6.1.网络性能优化1.6.2.常见痛点以及优化方案1.6.4.优化参数 1.7.版本升级1.8.数据迁移1.8.1.同集群broker之间迁移1.8.2.跨集群迁…...

编程日记 2025/7/12 10:30:23

2024年常用工具

作为本年度高频使用工具，手机端也好，桌面端也好，筛选出来9款产品，这里也分享给关注我的小伙伴 ，希望对你有些帮助，如果你更好的产品推荐，欢迎留言给我。即刻产品经理的聚集地，“让…...

编程日记 2025/7/14 14:54:28

在Linux系统中使用字符图案和VNC运行Qt Widgets程序

大部分服务器并没有GUI，运行的是基础的Linux系统，甚至是容器。如果我们需要在这些系统中运行带有GUI功能的Qt程序，一般情况下就会报错，比如： $ ./collidingmice qt.qpa.xcb: could not connect to display qt.qpa.plu…...

编程日记 2025/7/10 1:07:36

kafka使用常见问题

连接不上kafka,报下边的错 org.apache.kafka.common.KafkaException: Producer is closed forcefully.at org.apache.kafka.clients.producer.internals.RecordAccumulator.abortBatches(RecordAccumulator.java:760) [kafka-clients-3.0.2.jar:na]at org.apache.kafka.client…...

编程日记 2025/7/13 4:45:18

Springboot项目：使用MockMvc测试get和post接口（含单个和多个请求参数场景）

一、引入MockMvc依赖使用MockMvc，必须要引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency>二、具体演示…...

编程日记 2025/7/13 11:06:00

mysql_real_connect的概念和使用案例

mysql_real_connect 是 MySQL C API 中的一个函数，用于建立一个到 MySQL 数据库服务器的连接。这个函数尝试建立一个连接，并根据提供的参数进行连接设置。概念以下是 mysql_real_connect 函数的基本概念： 函数原型：MYSQL *my…...

编程日记 2025/7/15 5:17:33

单片机--51- RAM

1.概览某个51单片机对空间区域的划分： 2.RAM被分配的区域是256bytes， 通常8051单片机ram是128bytes 8052的ram是256bytes（其中高128位的地址和sfr区域地址重合，物理区域不同） extern uint32_t alarm_cnt_1; uint32…...

编程日记 2025/7/10 21:53:08

【机器学习】梯度下降

文章目录 1. 梯度下降概念2. 梯度下降的技巧2.1 动态设置学习率2.2 Adagrad调整梯度2.3 随机梯度下降（SGD）2.4 特征缩放 3. 梯度下降理论基础 1. 梯度下降概念梯度：Loss 对参数在某一点的偏微分，函数沿梯度的方向具有最大的变化…...

编程日记 2025/7/9 8:50:26

攻防世界web第十题Web_python_template_injection

这是题目，从题目上看是一个python模板注入类型的题目。首先测试是否存在模板注入漏洞，构造http://61.147.171.105:57423/{{config}} 得到说明存在模板注入漏洞，继续注入构造http://61.147.171.105:57423/{{‘’.class.mro}}: 得到再构造…...

编程日记 2025/7/14 8:11:23

【《python爬虫入门教程11--重剑无峰168》】

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档【《python爬虫入门教程11--selenium的安装与使用》】前言selenium就是一个可以实现python自动化的模块一、Chrome的版本查找？-- 如果用edge也是类似的1.chrome…...

编程日记 2025/7/10 15:41:36

VUE echarts 教程二折线堆叠图

VUE echarts 教程一折线图 import * as echarts from echarts;var chartDom document.getElementById(main); var myChart echarts.init(chartDom); var option {title: {text: Stacked Line},tooltip: {trigger: axis},legend: {data: [Email, Union Ads, Video Ads, Dir…...

编程日记 2025/7/8 18:52:45

gitlab的搭建及使用

1、环境准备服务器准备 CentOS Linux release 7.9.2009 (Core)，内存至少4G。修改主机名和配置ip地址 hostnamectl set-hostname <hostname> 关闭主机的防火墙 # 关闭防火墙 systemctl stop firewalld #临时关闭防火墙 systemctl disable firewalld …...

编程日记 2025/7/8 17:15:30

jQuery 属性操作

jQuery 内容文本值

jQuery 元素操作

jQuery 尺寸、位置操作

相关文章：