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

四、jQuery笔记

news 来源：原创 2025/5/19 13:23:32

（一）jQuery概述

jQuery本身是js的一个轻量级的库，封装了一个对象jQuery，jquery的所有语法都在jQuery对象中

浏览器不认识jquery，只渲染html、css和js代码，需要先导入jQuery文件，官网下载即可

jQuery中文说明文档：https://hemin.cn/jq/

（二）jQuery要点

1、jQuery对象

通过jQuery包装DOM对象后产生的对象。
jQuery对象用$符号表示
给jQuery对象命名引用时，通常标识符前面加个$符，与DOM对象的引用区分开来
jQuery代码和js代码可以混着用，比如绑定事件处理函数仍旧可以用js的几种方式，只是js对象调用DOM方法和属性，jQuery对象也调用自己的方法
DOM对象和jQuery对象可以互相转换：
用$符号把DOM对象括起来就变成了jQuery对象，如：$(this)
jQuery加上[0]就变成了DOM对象，如：$("p")[0]

2、jQuery的语法

可以概括为$(selector).action()的形式，

2.1 selector

选择器和筛选器：

id选择器拿到的是唯一的标签对象；
其他选择器得到的是标签对象数组；
jquery会自动循环处理每个元素，不用自己再写循环语句一个个处理

（1）基本选择器

基本格式：$("css-selector")

（1.1）通用选择器

$("*").css("color", "green")

（1.2）id选择器

$("#jquery").css("color", "red")

（1.3）class选择器

$(".hl").css("color", "gold")

（1.5）标签选择器

$("div").css("color", "black")

（1.6）并列多选选择器

$(".hl,div").css("color", "gold")

（2）层级选择器

（2.1）后代选择器

$(".hl div").css("color", "red")

（2.2）子代选择器

$(".hl>div").css("color", "red")

（2.3）毗邻选择器(下面紧挨着的兄弟标签)

$(".hl+p").css("color", "blue")

（2.4）下方兄弟选择器（不用紧挨着）

$(".hl~p").css("color", "red")

（3）属性选择器

$("[name]").css("color", "red")
$("[name='789']").css("color", "blue")
$("[name='789'][alex='111']").css("color", "red")

（4）表单选择器（只有inpput的type属性才行）

$(":text").css("color", "blue")

（5）基本筛选器

（5.1）first：第一个

$(".hl~p:first").css("color", "gold")

（5.2）last：最后一个

$(".hl~p:last").css("color", "gold")

（5.3）eq(index)：指定索引序号

$(".hl~p:eq(0)").css("color", "gold")

（5.4）even：奇数行

$(".hl~p:even").css("color", "gold")

（5.5）odd：偶数行

$(".hl~p:odd").css("color", "gold")

（5.6）gt(index)：大于指定索引序号

$(".hl~p:gt(0)").css("color", "gray")

（5.7）lt(index)：小于指定索引序号

$(".hl~p:lt(2)").css("color", "gray")

（6）过滤筛选器

$(".hl~p").eq(0).css("color", "gold") //筛选任意一个.eq(index)
$(".hl~p").first().css("color", "gray") //筛选第一个.first()
$(".hl~p").last().css("color", "gray") //筛选最后一个.last()
$(".hl~p").even().css("color", "red") //筛选奇数行的标签.even()
$(".hl~p").odd().css("color", "blue") //筛选偶数行的标签.odd()
console.log($(".hl~p").hasClass("456") ) //判断标签是否有这个class属性，返回boolean值

（7）查找筛选器

//7.1只找子代元素children(selector)
$("#jquery").children("p").css("color", "blue")
//7.2找后代元素find(selector)
$("#jquery").find("p").css("color", "blue")
//7.3找下面的元素next()
$("li").next().css("color", "blue") //查找第二个及往后的li标签
$("li").eq(0).next().css("color", "blue") //查找第几个li标签的下一个的li标签
//7.4找下面的元素nextAll()
$("li").nextAll().css("color", "red") //查找第二个及往后的li标签
$("li").eq(1).nextAll().css("color", "red") //查找第几个li标签的下面所有li标签
//7.5找下面的元素nextUntil()
$("li").nextUntil(".liend").css("color", "gold")//查找终止标签（不包含）上面除了第一个的li标签和下面所有的li标签
$("li").eq(0).nextUntil(".liend").css("color", "gold")//查找第几个li标签的下面到终止标签（不包含）的li标签
//7.6找上面面的元素prev()
$("li").prev().css("color", "blue") //查找除了最后一个的li标签
$("li").eq(2).prev().css("color", "blue") //查找第几个li标签的上一个的li标签
//7.7找上面的元素prevAll()
$("li").prevAll().css("color", "red") //查找除了最后一个的li标签
$("li").eq(3).prevAll().css("color", "red") //查找第几个li标签的上面所有li标签
//7.8找上面的元素prevUntil()
$("li").prevUntil(".liend").css("color", "gold")//查找终止标签（不包含）上面所有的li标签和下面除了最后一个的li标签
$("li").eq(7).prevUntil(".liend").css("color", "gold")//查找第几个li标签的上面到终止标签（不包含）的li标签
//7.9查找父级标签parent
$("#parents p").parent().css("color", "red")
//7.9查找所有祖宗标签parents
$("#parents p").parents().css("color", "red")
//7.9查找区间祖辈标签parentUntil
$("#parents p").parentsUntil().css("color", "black") // 不写参数，类同parents()
$("#parents p").parentsUntil("#parents").css("color", "black") // 查找所有终止祖辈下面的祖辈标签
//7.10查找兄弟标签
$("ul").siblings().css("color", "black")

（8）练习-左侧菜单

<body><div style="clear: both">练习-左侧菜单：<br><div class="outer2"><div class="menu"><div class="item"><div class="title" onclick="f1(this)">菜单一</div><div class="con"><div>111</div><div>111</div><div>111</div></div></div><div class="item"><div class="title" onclick="f1(this)">菜单二</div><div class="con hide"><div>222</div><div>222</div><div>222</div></div></div><div class="item"><div class="title" onclick="f1(this)">菜单三</div><div class="con hide"><div>333</div><div>333</div><div>333</div></div></div></div><div class="content"></div></div></div>
</body>function f1(self) {$(self).next().removeClass("hide");$(self).parent().siblings().children(".con").addClass("hide");
}

2.2 action()

jQuery操作属性的方法

（1）标签属性类

// 获取属性值
console.log($(".attr1 .a1").attr("class")) 
//设置属性值，不适用设置input标签的checked属性，因为不默认选中（手动勾选）是undefined，默认选中是cheched
$(".attr1 .a1").attr("class", "a2") 
// 删除属性
$(".attr1 .a1").removeAttr("class") 
//获取固有属性值，不适用自定义属性，因为prop找不到，获取到的是undefined，但适用input标签的checked属性，因为其值是true或false
console.log($(".attr1 .a2").prop("class")) 
// 设置固有属性值
$(".attr1 .a2").prop("class", "a3")
// 删除固有属性
$(".attr1 .a3").removeProp("class") 
//对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
//对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
//像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此，需要使用prop方法去操作才能获得正确的结果。

（2）css样式类

// 增加class属性列表的元素
$(".attr1 .a3").addClass("a4")
// 删除class属性列表的元素
$(".attr1 .a4").removeClass("a4")
// 设置css样式
$("#ys").css({"color": "blue", "height":"100px", "width":"100px", "background-color": "red"});

（3）HTML代码/文本/值

$(".attr1 .a3").html("456<h1>123</h1>") //相当于js的innerHTML，加参数是替换原本内容
$(".attr1 .a3").text("<p>111</p>") //相当于js的innerText，加参数是替换原本内容为纯文本
$(".attr1 .a3").val() //获取标签的固有属性value，不能获取自定义属性
$(".attr1 input").val("789") // 加上参数是修改固有属性value值

（4）jQuery的循环语句

方式一：

$.each(object[循环的对象，如数组], function(index[, value]){
代码块
})

方式二：

$("p").each(function(){
代码块；//每一个标签对象是$(this)
})

//1.方式一：
var data={'name':"alex", age:18};
var dl=[1,"a",[12,'b'], data];
$.each(data, function(key, value){console.log("key:", key);   //循环object（字典）第一个参数值是：键keyconsole.log("value:", value);
})
$.each(data, function(key){console.log("key:", key);   //循环object（字典）如果只有一个参数值是：键key
})
$.each(dl,function(index,value){console.log("index:", index);   //循环数组第一个参数值是：索引indexconsole.log("value:", value);
})
$.each(dl,function(index){console.log("index:", index);   //循环数组如果只有一个参数值是：索引index
})
//2.方式二：
$("li").each(function(){console.log("$(this):", $(this));console.log("$(this).html():", $(this).html());
})

（5）练习-正反选

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="jquery-1.11.3.min.js"></script><script>function selectall(){$("table :checkbox").prop("checked",true)}function cancel(){$("table :checkbox").prop("checked",false)}/*js写法function reverse(){let idlist=$("table :checkbox")for(let i=0;i<idlist.length;i++){let element=idlist[i];let ischecked=$(element).prop("checked")if (ischecked){$(element).prop("checked",false)}else {$(element).prop("checked",true)}}}                *//*jQuery循环方式*/function reverse(){$("table :checkbox").each(function(){$(this).prop("checked",!$(this).prop("checked"));if ($(this).prop("checked")){$(this).prop("checked",false)}else {$(this).prop("checked",true)}});}</script>
</head>
<body><button onclick="selectall();">全选</button><button onclick="cancel();">取消</button><button onclick="reverse();">反选</button><table border="1"><tr><td><input type="checkbox"></td><td>111</td></tr><tr><td><input type="checkbox"></td><td>222</td></tr><tr><td><input type="checkbox"></td><td>333</td></tr><tr><td><input type="checkbox"></td><td>444</td></tr></table>
</body>
</html>

（6）jQuery支持链式查找

对一个标签对象做完操作后，可以用.继续查找其他标签对象进行操作

$("p").parent().addClass("hide");
$("p").parent().prev().addClass("hide");
// 可以合并成一行：
$("p").parent().addClass("hide").prev().addClass("hide")

（7）练习-模态对话框

function show(self){$(self).parent().next().removeClass("hide");
}
function cancel(self){$(self).parent().parent().addClass("hide");
}

（8）文档处理

    <div class="c1">文档操作<p>ppp</p><button class="bo">add</button><div class="lxclone">练习-复制输入框<div class="item"><button class="bc">+</button><input type="text"></div></div></div>$(".bo").on("click", function(){//1.内部插入：父标签内插入子标签// $(".c1").append("<h1>123</h1>"); // 创建新标签方式一：直接在append（）里面写上标签内容var $ele = $("<h1></h1>"); //创建新标签方式二：相当于js中var ele=document.cerateElement("h1");var $ele = $("<h1>"); //简化写法$ele.html("hello word");$ele.css("color", "red");$(".c1").append($ele);//给父标签的子标签最后添加创建的新子标签$ele.appendTo($(".c1"));//把创建的新子标签添加到父标签的子标签最后面$(".c1").prepend($ele);//给父标签的子标签最前面添加创建的新子标签$ele.prependTo($(".c1"));//把创建的新子标签添加到父标签的子标签最前面//2.外部插入：插入兄弟标签$(".c1").after($ele);$(".c1").before($ele);$ele.insertAfter($(".c1"));$ele.insertBefore($(".c1"));//3.替换$(".c1 p").replaceWith($ele);//4.删除与清空$(".c1").empty(); //清空标签的内容，但是标签还在$(".c1").remove(); //删除标签//5.复制var $ele2=$(".c1").clone(); //clone()里写个true就不会复制事件$(".c1").after($ele2);
})

（9）练习-复制输入框

    <div class="c1">文档操作<p>ppp</p><button class="bo">add</button><div class="lxclone">练习-复制输入框<div class="item"><button class="bc">+</button><input type="text"></div></div></div>$(".bc").click(function (){var $cloneObj=$(".lxclone .item").clone(); // 这种方式复制的数量会以2的次方倍增，因为复制出来的也是一个class属性，也会被复制var $cloneObj=$(this).parent().clone(); //应该通过这种方式复制，每次就是复制一个$cloneObj.children(".bc").html("-").attr("onclick", "removeObj(this)");$(".lxclone").append($cloneObj);
});
function removeObj(self){$(self).parent().remove();
}

3、css操作

<div class="cssop">CSS操作<p id="ys">1.样式</p><div id="offsetdiv">2.位置<div class="div1">2.1-offset相对视口偏移量</div><div class="div2">2.2-position相对已定位父级偏移量</div></div><div class="gotop hide" style="position: fixed;right: 20px;bottom: 20px;width: 90px;height: 50px;background-color: gray; color:white;text-align: center;line-height: 50px">返回顶部</div><ul><li>111</li><li>222</li><li>333</li></ul>
</div>

3.1 样式

$("#ys").css({"color": "blue", "height":"100px", "width":"100px", "background-color": "red"});

3.2 位置

//2.位置
$("*").css({"padding":"0px", "margin":"0px"});
$("#offsetdiv").css({position:"relative"});
$("#offsetdiv .div1").css({width: "200px", height: "200px", "background-color":"blue"});
$("#offsetdiv .div2").css({width: "200px", height: "200px", margin:"20px", padding:"20px", border:"1px solid red", "background-color":"green"});
//2.1-1offset()得到的是偏移量对象，有top和left两个属性：是相对于视口（窗口）的偏移量
console.log($("#offsetdiv .div1").offset().top)
console.log($("#offsetdiv .div1").offset().left)
console.log($("#offsetdiv .div2").offset().top)
console.log($("#offsetdiv .div2").offset().left)
//2.2-position()得到的是偏移量对象，有top和left两个属性：是相对于已定位的父级标签的偏移量
console.log($("#offsetdiv .div1").position().top)
console.log($("#offsetdiv .div1").position().left)
console.log($("#offsetdiv .div2").position().top)
console.log($("#offsetdiv .div2").position().left)
//2.3-scrollTop放在监听事件才有效
//练习-返回顶部
window.onscroll=function(){if($(window).scrollTop()>100){ //窗口滚动滑轮距离顶部的距离$(".gotop").removeClass("hide")} else {$(".gotop").addClass("hide")}
}
$(".gotop").click(function(){$(window).scrollTop(0) //将窗口滚动滑轮距离顶部的距离设置为0
})
//练习-对标签元素应用scrollTop
// var $btEle=$("<button>");
// $btEle.html("回顶部")
// $btEle.addClass("aftb hide")
// $("#offsetdiv .div2").after($btEle);
$("#offsetdiv .div2").after("<button class='aftb hide'>回顶部</button>");
$("#offsetdiv .div2").html("<h1>111</h1><h1>111</h1><h1>111</h1><h1>111</h1><h1>111</h1><h1>111</h1>")
$("#offsetdiv .div2").css("overflow", "auto");
$("#offsetdiv .div2").scroll(function (){if($(this).scrollTop()>0){ //窗口滚动滑轮距离顶部的距离$(".aftb").removeClass("hide")} else {$(".aftb").addClass("hide")}
});
$(".aftb").click(function(){$("#offsetdiv .div2").scrollTop(0) //将窗口滚动滑轮距离顶部的距离设置为0
})
//2.4-scrollLeft放在监听事件才有效,（左右滑轮，类似上下滑轮）

3.3 尺寸

console.log($("#offsetdiv .div2").height()) // 获取内容的高度
$("#offsetdiv .div2").height("300px") // 修改内容的高度
console.log($("#offsetdiv .div2").innerHeight()) // 获取内容+内边距padding的高度
console.log($("#offsetdiv .div2").outerHeight()) // 获取内容+内边距padding+边框border的高度
console.log($("#offsetdiv .div2").outerHeight(true)) // 获取内容+内边距padding+边框border+外边距margin的高度
console.log($("#offsetdiv .div2").width()) // 获取内容的宽度
$("#offsetdiv .div2").width("300px") // 修改内容的宽度
console.log($("#offsetdiv .div2").innerWidth()) // 获取内容+内边距padding的宽度
console.log($("#offsetdiv .div2").outerWidth()) // 获取内容+内边距padding+边框border的宽度
console.log($("#offsetdiv .div2").outerWidth(true)) // 获取内容+内边距padding+边框border+外边距margin的宽度

3.4 索引

$("ul li").index(); //获取标签集合的索引

四、jQuery笔记

（一）jQuery概述 jQuery本身是js的一个轻量级的库，封装了一个对象jQuery，jquery的所有语法都在jQuery对象中浏览器不认识jquery，只渲染html、css和js代码，需要先导入jQuery文件，官网下载即可 jQuery中文说明文档：https://hemin.cn/jq/ （二）jQuery要点 1、jQuery对象 …...

编程日记 2025/5/19 13:23:32

解锁微服务：五大进阶业务场景深度剖析

目录医疗行业：智能诊疗的加速引擎电商领域：数据依赖的破局之道金融行业：运维可观测性的提升之路物流行业：智慧物流的创新架构综合业务：服务依赖的优化策略医疗行业：智能诊疗的加速引擎在医疗行业迈…...

编程日记 2025/5/15 1:26:39

C++：虚函数与多态性习题2

题目内容： 编写程序，声明抽象基类Shape，由它派生出3个派生类：Circle、Rectangle、Triangle，用虚函数分别计算图形面积，并求它们的和。要求用基类指针数组，使它每一个元素指向一个派生类对象。 …...

编程日记 2025/5/19 12:40:14

开源软件协议介绍

一、可以闭源使用/不具传染性的协议允许商业使用和分发 1、BSD：详细介绍 2、LGPL许可证：详细介绍 3、MPL2.0：详细介绍二、具有传染性/使用后需要开源自身软件的协议不建议商业使用 1、GPL许可证：详细介绍...

编程日记 2025/5/19 12:56:17

目录 1. 执行过程1.1 分割1.2 Map1.3 Combine1.4 Reduce 2. 代码和结果2.1 pom.xml中依赖配置2.2 工具类util2.3 WordCount2.4 结果参考 1. 执行过程假设WordCount的两个输入文本text1.txt和text2.txt如下。 Hello World Bye WorldHello Hadoop Bye Hadoop1.1 分割将每个文…...

编程日记 2025/5/16 22:11:02

【HarmonyOS之旅】基于ArkTS开发(三) -＞兼容JS的类Web开发(三)

目录 1 -> 生命周期 1.1 -> 应用生命周期 1.2 -> 页面生命周期 2 -> 资源限定与访问 2.1 -> 资源限定词 2.2 -> 资源限定词的命名要求 2.3 -> 限定词与设备状态的匹配规则 2.4 -> 引用JS模块内resources资源 3 -> 多语言支持 3.1 -> 定…...

编程日记 2025/5/19 13:08:31

（9）上：学习与验证 linux 里的 epoll 对象里的 EPOLLIN、 EPOLLHUP 与 EPOLLRDHUP 的不同

（1）经过之前的学习。俺认为结论是这样的，因为三次握手到四次挥手，到 RST 报文，都是 tcp 连接上收到了报文，这都属于读事件。所以： EPOLLIN : 包含了读事件， FIN 报文的正常四次挥手、…...

编程日记 2025/5/19 13:13:17

Avalonia与QtQuick的简单对比

这个是Avalonia开发的示例应用程序（官方入门示例）（Avalonia 11.1.0 .Net 9.0） 刚启动时，内存占用150M左右，稍等一会儿后，内存占用降低到77M左右，CPU占用一直都在，我i9-…...

编程日记 2025/5/17 15:16:18

WebForms DataList 深入解析

WebForms DataList 深入解析引言在Web开发领域，控件是构建用户界面（UI）的核心组件。ASP.NET WebForms框架提供了丰富的控件，其中DataList控件是一个灵活且强大的数据绑定控件。本文将深入探讨WebForms DataList控件的功能、用法以及在实际开发中的应用。 DataList控件…...

编程日记 2025/5/16 14:14:01

jetson编译torchvision出现 No such file or directory: ‘:/usr/local/cuda/bin/nvcc‘

文章目录 1. 完整报错2. 解决方法 1. 完整报错 jetson编译torchvision,执行python3 setup.py install --user遇到报错 running build_ext error: [Errno 2] No such file or directory: :/usr/local/cuda/bin/nvcc完整报错信息如下： (pytorch) nxnx-desktop:~/Do…...

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

《苍穹外卖》项目学习记录-Day10订单状态定时处理

利用Cron表达式生成器生成Cron表达式 1.处理超时订单查询订单表把超时的订单查询出来，也就是订单的状态为待付款，下单的时间已经超过了15分钟。 //select * from orders where status ? and order_time < (当前时间 - 15分钟) 遍历集合把数据库…...

编程日记 2025/5/18 21:22:54

“新月智能武器系统”CIWS，开启智能武器的新纪元

新月人物传记：人物传记之新月篇-CSDN博客相关文章链接：星际战争模拟系统：新月的编程之道-CSDN博客新月智能护甲系统CMIA--未来战场的守护者-CSDN博客 “新月之智”智能战术头盔系统（CITHS）-CSDN博客目录智能武…...

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

FPGA| 使用Quartus II报错Top-level design entity ““ is undefined

1、使用FPGA准备点亮LED测试下板子，发现这个报错Error (12007): Top-level design entity "LEDLED" is undefined 工程如上图报错如下图 2、分析到原因是因为工程名称和顶层模块里面的module名称不一样导致解决办法：修改module名称和顶层模…...

编程日记 2025/5/11 6:11:05

如何实现滑动列表功能

文章目录 1 概念介绍2 使用方法3 示例代码我们在上一章回中介绍了沉浸式状态栏相关的内容，本章回中将介绍SliverList组件.闲话休提，让我们一起Talk Flutter吧。 1 概念介绍我们在这里介绍的SliverList组件是一种列表类组件，类似我们之前介…...

编程日记 2025/5/19 12:51:11

数据结构：优先级队列—堆

一、优先级队列 1、优先级队列概念优先级队列，听名字我们就知道他是一种队列，队列在前面我们已经学习过了，它是一种先进先出的数据结构，但是在特殊的情况下，我们我们队列中元素是带有一定优先级的，它需要…...

编程日记 2025/5/19 13:17:56

SpringCloud系列教程：微服务的未来（十八）雪崩问题、服务保护方案、Sentinel快速入门

前言在分布式系统中，雪崩效应（Avalanche Effect）是一种常见的故障现象，通常发生在系统中某个组件出现故障时，导致其他组件级联失败，最终引发整个系统的崩溃。为了有效应对雪崩效应，服务保护方…...

编程日记 2025/5/15 5:37:14

Java小白入门教程：Object

目录一、定义二、作用三、使用场景四、语法以及示例 1、创建Object类型的对象 2、使用 toString()方法 3、使用 equals()方法 4、使用 hashCode()方法 5、使用 getClass()方法 6、使用 clone()方法 7、使用 finalize()方法一、定义在Java中， object…...

编程日记 2025/5/18 11:10:20

ubuntu 更新24LTS中断导致“系统出错且无法恢复，请联系系统管理员”

22LTS to 24LTS 更新过程中手jian把更新程序controlC导致的。解决目前企图完成更新来恢复，重启后有软件包冲突，sudo apt upgrade报冲突。无法进行。将原来source.list重新 sudo dpkg --configure -a sudo apt install -f 这些都不管用。还是显示gno…...

编程日记 2025/5/15 6:32:48

【单细胞第二节：单细胞示例数据分析-GSE218208】

GSE218208 1.创建Seurat对象 #untar(“GSE218208_RAW.tar”) rm(list ls()) a data.table::fread("GSM6736629_10x-PBMC-1_ds0.1974_CountMatrix.tsv.gz",data.table F) a[1:4,1:4] library(tidyverse) a$alias:gene str_split(a$alias:gene,":",si…...

编程日记 2025/5/17 19:56:52

ComfyUI安装调用DeepSeek——DeepSeek多模态之图形模型安装问题解决（ComfyUI-Janus-Pro）

ComfyUI 的 Janus-Pro 节点，一个统一的多模态理解和生成框架。试用： https://huggingface.co/spaces/deepseek-ai/Janus-1.3B https://huggingface.co/spaces/deepseek-ai/Janus-Pro-7B https://huggingface.co/spaces/deepseek-ai/JanusFlow-1.3B 安装…...

编程日记 2025/5/17 3:50:08

FLTK - FLTK1.4.1 - demo - bitmap

文章目录 FLTK - FLTK1.4.1 - demo - bitmap概述笔记END FLTK - FLTK1.4.1 - demo - bitmap 概述 // 功能 : 演示位图数据在按钮上的显示 // * 以按钮为范围或者以窗口为范围移动 // * 上下左右, 文字和图像的相对位置 // 失能按钮，使能按钮 // 知识点 // FLTK可…...

编程日记 2025/5/17 16:38:13

网络安全技术简介

网络安全技术简介随着信息技术的迅猛发展，互联网已经成为人们日常生活和工作中不可或缺的一部分。与此同时，网络安全问题也日益凸显，成为全球关注的焦点。无论是个人隐私泄露、企业数据被盗取还是国家信息安全受到威胁，都与网络…...

编程日记 2025/5/17 13:32:09

2025.2.1——四、php_rce RCE漏洞|PHP框架

题目来源：攻防世界 php_rce 目录一、打开靶机，整理信息二、解题思路 step 1：PHP框架漏洞以及RCE漏洞信息 1.PHP常用框架 2.RCE远程命令执行 step 2：根据靶机提示，寻找版本漏洞 step 3：进行攻击…...

编程日记 2025/5/18 17:31:17

Upscayl-官方开源免费图像AI增强软件

upscayl 链接：https://pan.xunlei.com/s/VOI0Szqe0fCwSSUSS8zRqKf7A1?pwdhefi#...

编程日记 2025/5/13 0:56:52

【LeetCode 刷题】二叉树-公共祖先

此博客为《代码随想录》二叉树章节的学习笔记，主要内容为二叉树公共祖先问题相关的题目解析。文章目录 236. 二叉树的最近公共祖先235. 二叉搜索树的最近公共祖先 236. 二叉树的最近公共祖先题目链接 class Solution:def lowestCommonAncestor(self, root: Tre…...

编程日记 2025/5/16 1:57:00

本地部署DeepSeek开源多模态大模型Janus-Pro-7B实操

本地部署DeepSeek开源多模态大模型Janus-Pro-7B实操 Janus-Pro-7B介绍 Janus-Pro-7B 是由 DeepSeek 开发的多模态 AI 模型，它在理解和生成方面取得了显著的进步。这意味着它不仅可以处理文本，还可以处理图像等其他模态的信息。模型主要特点:Permalink…...

编程日记 2025/5/18 17:39:17

群晖搭建Gitea教程（使用系统自带的postgresql）

基于群晖7.2.2，使用套件中心的gitea，和系统自带的postgresql postgresql: 切换到postgres用户 sudo -I -u postgres 在想要保存数据库的磁盘路径下创建PostgreSql文件夹初始化数据库文件夹配置 initdb -D ./PostgreSql 备份./PostgreSql路径下的post…...

编程日记 2025/5/19 13:10:24

洛谷 P8724 [蓝桥杯 2020 省 AB3] 限高杆

洛谷题目传送门题目描述某市有 n 个路口，有 m 段道路连接这些路口，组成了该市的公路系统。其中一段道路两端一定连接两个不同的路口。道路中间不会穿过路口。由于各种原因，在一部分道路的中间设置了一些限高杆，有限高杆的路…...

编程日记 2025/5/19 0:29:58

DeepSeek文生图模型Janus-Pro论文解读 —— 多模态AI的革命？

介绍整个AI行业仍在适应最近发布的、震惊人工智能领域的 DeepSeek-R1。1月28日除夕当天的凌晨，DeepSeek 又发布了另一款出色的开源模型 Janus-Pro。这一次，它是一款能与其他顶级多模态模型相媲美的多模态人工智能模型。在本文中，我们将解…...

编程日记 2025/5/19 12:49:28

C语言：整型提升

一， 整型提升 C语⾔中整型算术运算总是⾄少以缺省（默认）整型类型的精度来进⾏的。为了获得这个精度，表达式中的字符和短整型操作数在使⽤之前被转换为普通整型，这种转换称为整型提升。整型提升的意义： …...

编程日记 2025/5/19 10:40:17

DRM系列六：Drm之KMS

KMS（Kernel Mode Setting）是负责显示输出的核心组件，它处理与plane、crtc、encoder和connector相关的各项任务。简单来说，KMS就是结构体drm_mode_config、drm_mode_object和组件（object）的结合。 KMSdrm_m…...

编程日记 2025/5/19 12:45:38

前端 Vue 性能提升策略

一、引言前端性能优化是确保 Web 应用快速响应和流畅用户体验的关键。对于使用 Vue.js 构建的应用，性能优化不仅涉及通用的前端技术，还包括针对 Vue 特性的特定优化措施。本文将从多个方面探讨如何全面提升前端和 Vue 应用的性能。二、前端性能优化基础 1. 减少初始加载…...

编程日记 2025/5/14 16:36:26

【C语言】static关键字的三种用法

【C语言】static关键字的三种用法 C语言中的static关键字是一个存储类说明符，它可以用来修饰变量和函数。static关键字的主要作用是控制变量或函数的生命周期和可见性。以下是static关键字的一些主要用法和含义： 局部静态变量： 当static修饰…...

编程日记 2025/5/16 15:45:08

数仓实战项目，大数据数仓实战（离线数仓+实时数仓）

1.课程目标 2.电商行业与电商系统介绍 3.数仓项目整体技术架构介绍 4.数仓项目架构-kylin补充 5.数仓具体技术介绍与项目环境介绍 6.kettle的介绍与安装 7.kettle入门案例这个连线是点击shift键，然后鼠标左键拖动 ctrls保存一下 csv输入配置 Excel输出配置配置完 …...

编程日记 2025/5/12 8:06:17

Unity安装教学与相关问题

文章目录 1. 前言2.Unity Hub2.1 下载Unity Hub2.2 安装Unity Hub2.3 注册Unity账号2.4 在Hub上登录账号2.5 在Hub上获取许可证 3. 下载并安装Unity3.1 从Unity Hub下载（推荐）3.1.1 选择下载版本3.1.2 选择下载组件3.1.3 安装Visual Studio Community 20…...

编程日记 2025/5/15 22:03:34

Linux_线程同步生产者消费者模型

同步的相关概念同步：在保证数据安全的前提下，让线程能够按照某种特定的顺序访问临界资源，从而有效避免饥饿问题，叫做同步竞态条件：因为时序问题，而导致程序异常，我们称之为竞态条件。同步的…...

编程日记 2025/5/19 13:22:07

边缘检测算法（candy）

人工智能例子汇总：AI常见的算法和例子-CSDN博客 Canny 边缘检测的步骤 1. 灰度转换如果输入的是彩色图像，则需要先转换为灰度图像，因为边缘检测通常在单通道图像上进行。 2. 高斯滤波（Gaussian Blur） 由于边缘…...

编程日记 2025/5/14 22:41:04

Hot100之双指针

283移动零题目思路解析那我们就把不为0的数字都放在数组前面，然后数组后面的数字都为0就行了代码 class Solution {public void moveZeroes(int[] nums) {int left 0;for (int num : nums) {if (num ! 0) {nums[left] num;// left最后会变成数组中不为0的数…...

编程日记 2025/5/19 13:10:14

租房管理系统实现智能化租赁提升用户体验与运营效率

内容概要在当今快速发展的租赁市场中，租房管理系统的智能化转型显得尤为重要。它不仅帮助房东和租客之间建立更高效的沟通桥梁，还优化了整个租赁流程。通过智能化技术，这套系统能够自动处理资产管理、合同签署、财务管理等所有关键环节。这…...

编程日记 2025/5/18 7:36:12

spring和Mybatis的逆向工程

在现代企业级开发中，使用Spring和MyBatis进行快速、高效的数据库操作是非常常见的。本文将深入探讨如何使用Spring和MyBatis进行逆向工程，帮助开发者自动生成数据库相关的代码，提高开发效率和代码质量。一、什么是逆向工程逆向工程是指从…...

编程日记 2025/5/15 13:20:03

计算机网络 IP 网络层 2 （重置版）

IP的简介： IP 地址是互联网协议地址（Internet Protocol Address）的简称，是分配给连接到互联网的设备的唯一标识符，用于在网络中定位和通信。 IP编制的历史阶段： 1，分类的IP地址： …...

编程日记 2025/5/17 7:13:25

松灵机器人 scout ros2 驱动安装

必须使用 ubuntu22 必须使用链接的humble版本 #打开can 口 sudo modprobe gs_usbsudo ip link set can0 up type can bitrate 500000sudo ip link set can0 up type can bitrate 500000sudo apt install can-utilscandump can0mkdir -p ~/ros2_ws/srccd ~/ros2_ws/src git cl…...

编程日记 2025/5/17 15:57:29

【Leetcode 每日一题】541. 反转字符串 II

问题背景给定一个字符串 s s s 和一个整数 k k k，从字符串开头算起，每计数至 2 k 2k 2k 个字符，就反转这 2 k 2k 2k 字符中的前 k k k 个字符。如果剩余字符少于 k k k 个，则将剩余字符全部反转。如果剩余字符小于 2 k…...

编程日记 2025/5/15 8:19:30

掌握API和控制点(从Java到JNI接口)_35 JNI开发与NDK 03

3、如何载入 .so档案 VM的角色由于Android的应用层级类别都是以Java撰写的，这些Java类别转译为Dex型式的Bytecode之后，必须仰赖Dalvik虚拟机器(VM: Virtual Machine)来执行之。 VM在Android平台里，扮演很重要的角色。此外，在执…...

编程日记 2025/5/16 2:17:12

解锁豆瓣高清海报(二) 使用 OpenCV 拼接和压缩

解锁豆瓣高清海报(二): 使用 OpenCV 拼接和压缩脚本地址: 项目地址: Gazer PixelWeaver.py pixel_squeezer_cv2.py 前瞻继上一篇“解锁豆瓣高清海报(一) 深度爬虫与requests进阶之路”成功爬取豆瓣电影海报之后，本文将介绍如何使用 OpenCV 对这些海报进行智…...

编程日记 2025/5/15 2:11:50

【C/C++】Windows SAPI自实现文字转语音

本文通过封装Windows SAPI（Speech Application Programming Interface），提供了一个现代化的C接口实现文字转语音功能。主要特性包括支持同步/异步语音合成、可调节语速（-10到10）和音量控制（0-100%&#xff…...

编程日记 2025/5/17 20:17:04

openmv的端口被拆分为两个导致电脑无法访问openmv文件系统解决办法 openmv USB功能改动 openmv驱动被更改如何修复

我之前误打误撞遇到一次，直接把openmv的全部端口删除卸载然后重新插上就会自动重新装上一个openmv端口修复成功，大家可以先试试不行再用下面的方法全部卸载再重新插拔openmv 要解决OpenMV IDE中出现的两个端口问题，可以尝试以下步骤&#x…...

编程日记 2025/5/14 1:18:43

8.攻防世界Web_php_wrong_nginx_config

进入题目页面如下尝试弱口令密码登录一直显示网站建设中，尝试无果，查看源码也没有什么特别漏洞存在用Kali中的dirsearch扫描根目录试试命令： dirsearch -u http://61.147.171.105:53736/ -e* 登录文件便是刚才登录的界面打开robots.txt…...

编程日记 2025/5/18 18:03:27

音叉模态分析

目录 0 序言 1 自由状态下模态求解 1.1 添加模态项目 1.2 生成网格 1.3 设置最大模态阶数 1.4 求解 1.5 结果查看 1.6 结果分析 2 音叉能否释放频率440Hz的音调 3 预应力模态求解 3.1 静态结构分析 3.1.1 添加静态结构项目 3.1.2生成网格 3.1.3添加边界条件 3.1…...

编程日记 2025/5/17 6:28:18

智慧园区系统集成解决方案引领未来城市管理的智能化转型

内容概要在现代城市管理的背景下，“智慧园区系统集成解决方案”正扮演着越来越重要的角色。这种解决方案不仅仅是技术上的创新，更是一种全新的管理理念，它旨在通过高效的数据整合与分析，优化资源配置，提升运营效率。…...

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