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

四、jQuery笔记

news 文章来源：https://blog.csdn.net/weixin_45460686/article/details/145413172 2025/4/21 2:16:14

（一）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/2/3 4:54:48

流浪 Linux: 外置 USB SSD 安装 ArchLinux

注: ArchLinux 系统为滚动更新, 变化很快, 所以本文中的安装方法可能很快就过时了, 仅供参考. 实际安装时建议去阅读官方文档. 最近, 突然 (也没有那么突然) 有了一大堆 PC: 4 个笔记本, 2 个台式主机 (M-ATX 主板), 1 个小主机 (迷你主机). 嗯, 多到用不过来. 但是, 窝又不能…...

编程日记 2025/2/3 4:50:38

一、 Getting Started for ML Beginners This document explains how to use machine learning to classify (categorize) Iris flowers by species. This document dives deeply into the TensorFlow code to do exactly that, explaining ML fundamentals along the way. If…...

编程日记 2025/2/3 4:48:31

吊打同类软件免费又可批量使用

聊一聊对于经常用到席卡的人来说，每次打印都觉得麻烦，要是有个软件，直接输入名称就能打印就好了。这不，只要你想，就肯定能实现；如果没实现，就说明你不够想。这个软件我测试了下&#xff0…...

编程日记 2025/2/3 4:47:30

MiniMind——跑通项目

文章目录 📌 Quick Start Train MiniMind (ModelScope) # step 1 git clone https://huggingface.co/jingyaogong/minimind-v1# step 2 python 2-eval.py或者启动streamlit，启动网页聊天界面「注意」需要python>3.10，安装 pip install s…...

编程日记 2025/2/3 4:42:24

单细胞-第五节多样本数据分析,打分R包AUCell

文件在单细胞\5_GC_py\1_single_cell\3.AUCell.Rmd 1.基因 rm(list = ls()) load("g.Rdata")2.AUCell https://www.ncbi.nlm.nih.gov/pmc/articles/PMC9897923 IF: NA NA NA用这个文章里的方法，将单细胞亚群的marker基因与ros相关基因取交集，用作AUCell的基因集…...

编程日记 2025/2/3 4:39:21

【零拷贝】

目录一：了解IO基础概念二：数据流动的层次结构三：零拷贝 1.传统IO文件读写 2.mmap 零拷贝技术 3.sendFile 零拷贝技术一：了解IO基础概念理解CPU拷贝和DMA拷贝我们知道，操作系统对于内存空间&…...

编程日记 2025/2/3 4:37:17

深入解析 C++ 字符串处理：提取和分割的多种方法

在 C 编程中，字符串处理是一个常见的任务，尤其是在需要从字符串中提取特定数据时。本文将详细探讨如何使用 C 标准库中的工具（如 std::istringstream 和 std::string 的成员函数）来提取和分割字符串，并分析不同方法的适…...

编程日记 2025/2/3 4:34:10

计算机组成原理——存储系统（一）

在人生的道路上，成功与失败交织成一幅丰富多彩的画卷。不论我们是面对胜利的喜悦，还是遭遇失败的痛苦，都不能放弃对梦想的追求。正是在这种追求中，我们不断地超越自我，不断地突破自己的极限。只有勇往直前，…...

编程日记 2025/2/3 4:24:54

Jenkins未在第一次登录后设置用户名，第二次登录不进去怎么办？

Jenkins在第一次进行登录的时候，只需要输入Jenkins\secrets\initialAdminPassword中的密码，登录成功后，本次我们没有修改密码，就会导致后面第二次登录，Jenkins需要进行用户名和密码的验证，但是我们根本就没…...

编程日记 2025/2/3 4:23:52

论文和代码解读：RF-Inversion 图像/视频编辑技术

Diffusion Models专栏文章汇总：入门与实战前言：Rectified Flow的反演和DDIM这些不太一样，上一篇博客中介绍了腾讯提出的一种方法《基于Rectified Flow FLUX的图像编辑方法 RF-Solver》，主要就是用泰勒展开和一阶导数近似来分解反演公式。这篇博客介绍谷歌提出的方法RF-Inv…...

编程日记 2025/2/3 4:18:42

大模型培训讲师老师叶梓分享：DeepSeek多模态大模型janus初探

以下视频内容为叶梓分享DeepSeek多模态大模型janus的部署，并验证其实际效果，包括图生文和文生图两部分。叶梓老师人工智能培训分享DeepSeek多模态大模型janus初探 DeepSeek 的多模态大模型 Janus 是一款强大的 AI 模型，专注于图像和文本的多…...

编程日记 2025/2/3 4:17:36

2025最新源支付V7全套开源版+Mac云端+五合一云端

2025最新源支付V7全套开源版Mac云端五合一云端官方1999元， 最新非网上那种功能不全带BUG开源版，可以自己增加授权或二开拥有卓越的性能和丰富的功能。它采用全新轻量化的界面UI，让您能更方便快捷地解决知识付费和运营赞助的难题它基于…...

编程日记 2025/2/3 4:16:34

稀疏混合专家架构语言模型（MoE）

注：本文为 “稀疏混合专家架构语言模型（MoE）” 相关文章合辑。手把手教你，从零开始实现一个稀疏混合专家架构语言模型（MoE） 机器之心 2024年02月11日 12:21 河南选自huggingface 机器之心编译机器之心…...

编程日记 2025/2/3 4:15:33

比较热门的嵌入式项目

嵌入式系统在现代科技中应用广泛，以下是一些当前比较热门的嵌入式项目方向及其应用场景： 1. 物联网（IoT） 智能家居：智能灯光、温控器、安防系统。环境监测：空气质量、温湿度、土壤湿度传感器。工业物联网&…...

编程日记 2025/2/3 4:14:32

牛客网除2！（详解）c++

题目链接：除2！ 1.题目解析 1：想让数组所有数之和尽可能小，肯定有个想法，就是我每次选数组中偶数的时候，我必定挑一个最大的，因为我挑一个最大的出来，把它变成一半，这个时…...

编程日记 2025/2/3 4:13:31

被裁与人生的意义--春节随想

还有两个月就要被迫离开工作了十多年的公司了，不过有幸安安稳稳的过了一个春节，很知足! 我是最后一批要离开的，一百多号同事都没“活到”蛇年。看着一批批仁人志士被“秋后斩首”，马上轮到我们十来个，个中滋味很难言清…...

编程日记 2025/2/3 4:12:30

ASP.NET Core 中间件

目录一、常见的内置中间件二、自定义中间件三、中间件的执行顺序四、其他自动逸中间件案例 1. 身份验证中间件 2、跨域中间件（CORS） ASP.NET Core 中，中间件（Middleware）是处理 HTTP 请求和响应的组件链。你…...

编程日记 2025/2/3 4:11:18

Pyecharts之图表样式深度定制

在数据可视化的世界里，图表的样式定制对于提升数据展示效果和用户体验至关重要。Pyecharts 提供了丰富的样式定制功能，能让我们创建出独具特色的可视化作品。本篇将深入探讨如何使用 Pyecharts 为图表添加线性渐变色、径向渐变色，以及如何添加…...

编程日记 2025/2/3 4:10:11

git笔记-简单入门

git笔记 git是一个分布式版本控制系统，它的优点有哪些呢？分为以下几个部分与集中式的版本控制系统比起来，不用担心单点故障问题，只需要互相同步一下进度即可。支持离线编辑，每一个人都有一个完整的版本库。跨平台支持…...

编程日记 2025/2/3 4:07:07

Joplin 插件在Vscode中无法显示图片

1.问题在vscode里面装好joplin插件之后，无法显示图片内容。粘贴的图片可以再vscode中显示，无法再joplin客户端显示 2.解决方法这种情况是因为和vscode自带的MD编辑器的预览模式有冲突，或者没用通过专用方式上传图片。方法一&#xff…...

编程日记 2025/2/3 4:05:04

python学opencv|读取图像（四十七）使用cv2.bitwise_not()函数实现图像按位取反运算

【0】基础定义按位与运算：两个等长度二进制数上下对齐，全1取1，其余取0。按位或运算：两个等长度二进制数上下对齐，有1取1，其余取0。按位取反运算：一个二进制数，0变1,1变0。【1】…...

编程日记 2025/2/3 3:58:52

pandas分组

分组分组的关键要素是： 分组依据、数据来源、操作及其返回结果。 df.groupby(分组依据)[数据来源].使用操作对学生按照性别统计身高中位数。 print(df.groupby(Gender)[Height].median())上面是一维度进行分组，如果要根据多个维度分组，则…...

编程日记 2025/2/3 3:56:44

爬虫基础（三）Session和Cookie讲解

目录一、前备知识点 （1）静态网页 （2）动态网页 （3）无状态HTTP 二、Session和Cookie 三、Session 四、Cookie （1）维持过程 （2）结构正式开始说 Sessi…...

编程日记 2025/2/3 3:46:30

【Super Tilemap Editor使用详解】（十三）：快捷键指南(Keyboard Shortcuts)

在使用 Super Tilemap Editor 进行图块地图编辑时，键盘快捷键可以显著提高工作效率。本文将详细介绍常用的快捷键及其功能，帮助你更快地完成图块绘制、翻转、旋转以及工具切换等操作。一、快捷键文件位置所有键盘快捷键的定义可以在以下路径找到&…...

编程日记 2025/2/3 3:40:23

【Leetcode 每日一题】119. 杨辉三角 II

问题背景给定一个非负索引 r o w I n d e x rowIndex rowIndex，返回「杨辉三角」的第 r o w I n d e x rowIndex rowIndex 行。在「杨辉三角」中，每个数是它左上方和右上方的数的和。数据约束 0 ≤ r o w I n d e x ≤ 33 0 \le rowIndex \le 33 …...

编程日记 2025/2/3 3:37:19

简单看看会议系统2（时延分析）（TODO）

（TODO） eBPF (extended Berkeley Packet Filter) 可以用来跟踪和分析树莓派 5 或其他 Linux 系统中的各种活动，包括拍摄和数据传输过程的性能分析。eBPF 是一个强大的内核级工具，可以在不修改内核源码的情况下，动态地跟…...

编程日记 2025/2/3 3:33:02

Linux中端口被占用如何解决

lsof命令查找查找被占用端口 lsof -i :端口号 #示例 lsof -i :8080 lsof -i :3306 netstat命令查找查找被占用端口 netstat -tuln | grep 端口号 #示例 netstat -tuln | grep 3306 netstat -tuln | grep 6379 ss命令查找查找被占用端口 ss -tunlp | grep 端口号 #示例…...

编程日记 2025/2/3 3:30:57

OpenAI o3-mini全面解析：最新免费推理模型重磅发布

引言 2025年1月31日，OpenAI重磅发布全新推理模型o3-mini。这款模型作为OpenAI推理系列的最新突破，不仅在性能和性价比方面实现跨越式提升，更是首次全面开放免费使用。这一重大举措彰显了OpenAI在人工智能技术普及和成本优化领域的创新决心。…...

编程日记 2025/2/3 3:29:56

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

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

编程日记 2025/2/3 3:27:48