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

前端-HTML+CSS+JavaScript+Vue+Ajax概述

news 来源：原创 2025/8/22 11:20:57

HTML（超文本标记语言）常见标签

<html><head>
<title>这是标题的内容，显示在浏览器的头部</title></head><body><!-- 这里面的内容在浏览器显示给用户看  --><!-- h1 -> h6 : 标题从大到小 --><!-- 图片标签 img src  --><img src = ""><!-- 超链接标签  a  href --><a href = "">baidu</a><!-- 横线标签--><hr><!-- 换行标签--><br><!-- 段落标签--><p>段落标签测试</p><!-- 表格标签-->//border边框<table  border = "1" style = "width:80%"><tr><td>姓名</td><td>性别</td><td>年龄</td></tr><tr><td>张三</td><td>男</td><td>18</td></tr></table><!-- 表单标签--><form  action = ""  method = ""><input  type = "text"></br>//文本输入框<input  type = "password"></br>//密码输入框<input  type = "radio"></br>//单选框，一般用在男女选项<input  type = "checkbox"></br>//复选框，例如爱好<input  type = "file"></br>//选择文件<input  type = "button"  value = "按钮"></br>//按钮<input  type = "submit"></br>//提交按钮<input  type = "reset"></br>//重置按钮//下拉框<select><option>请选择</option><option>排球</option><option>篮球</option><option>足球</option><select>//文本输入框,可输入多行多列<textarea><textarea></form><!-- --><!-- --><!-- --></body>
</html>

CSS（负责网页的表现，页面元素的外观，位置，颜色，大小等）

名称	语法描述	示例
行内样式	在标签内使用style属性，属性值是css属性键值对。	<h1 style="xxx:xxx;">中国新闻网</h1>
内部样式	定义<style>标签，在标签内部定义css样式。	<style> h1 {...} </style>
外部样式	定义<link>标签，通过href属性引入外部css文件	<link rel="stylesheet" href="css/news.css">

对于上述3种引入方式，企业开发的使用情况如下：

行内样式：会出现大量的代码冗余，不方便后期的维护，所以不常用（常配合JS使用）。
内部样式：通过定义css选择器，让样式作用于当前页面的指定的标签上。（可以写在页面任何位置，但通常约定写在head标签中）
外部样式：html和css实现了完全的分离，企业开发常用方式。

CSS选择器

代码格式

选择器名   {css样式名：css样式值;css样式名：css样式值;
}

常用选择器

选择器	写法	示例	示例说明
元素选择器	元素名称 {...}	h1 {...}	选择页面上所有的<h1>标签
类选择器	.class属性值 {...}	.cls {...}	选择页面上所有class属性为cls的标签
id选择器	#id属性值 {...}	#hid {...}	选择页面上id属性为hid的标签
分组选择器	选择器1,选择器2{...}	h1,h2 {...}	选择页面上所有的<h1>和<h2>标签
属性选择器	元素名称[属性] {...}	input[type] {...}	选择页面上有type属性的<input>标签
属性选择器	元素名称[属性名="值"] {...}	input[type="text"] {...}	选择页面上type属性为text的<input>标签
后代选择器	元素1元素2{...}	form input {...}	选择<form>标签内的所有<input>标签

JavaScript （负责网页的交互）

是一门跨平台，面向对象的脚本语言（不用编译的语言）

组成：

ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。
BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。
DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。

JS引入方式

第一种：内部引用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS 引入方式</title>
</head>
<body><!-- 内部脚本--><script>alert('Hello JS')</script>
</body>
</html>

第二种：外部脚本

1.在js目录下，定义一个js文件demo.js，在文件中编写js代码，如下：

alert('Hello JS')

2.在html文件中，通过<script></script>引入js文件demo.js，如下：

<script src="js/demo.js"></script>

注意1：demo.js中只有js代码，没有<script>标签
注意2：通过<script></script>标签引入外部JS文件时，标签不能自闭合，如：<script src="js/demo.js" />

JS基础语法

1.变量

是弱类型语言，用let声明即可

<script>//变量let a = 20;a = "Hello";alert(a);
</script>

2.常量

在JS中，如果声明一个场景，需要使用const关键字。一旦声明，常量的值就不能改变（不可以重新赋值）。

<body><script>//常量const PI = 3.14;PI = 3.15;alert(PI);</script>
</body>

3.数据类型

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS-数据类型</title>
</head>
<body><script>//原始数据类型alert(typeof 3); //numberalert(typeof 3.14); //numberalert(typeof "A"); //stringalert(typeof 'Hello');//stringalert(typeof true); //booleanalert(typeof false);//booleanalert(typeof null); //object var a ;alert(typeof a); //undefined</script>
</body>
</html>

4.函数

方式一

<!-- 格式 -->
function 函数名(参数1,参数2..){要执行的代码
}<!-- 示例-->
function add(a, b){return a + b;
}
<!--如果要调用上述的函数add，可以使用：函数名称(实际参数列表)-->
let result = add(10,20);
alert(result);
<!--我们在调用add函数时，再添加2个参数，修改代码如下：-->
var result = add(10,20,30,40);
alert(result);

方式二

<!--  示例一（函数表达式）-->
<!--  是被设计用来执行特定任务的代码块，方便程序的封装复用-->
let add = function (a,b){    //参数可以有多个return a + b;            //要执行的代码
}<!--  示例二（箭头函数）-->
let add = (a,b) => {return a + b;
}<!--上述匿名函数声明好了之后，是将这个函数赋值给了add变量。 那我们就可以直接通过add函数直接调用，调用代码如下：-->
let result = add(10,20);
alert(result);

5.流程控制

和Java一样

- if ... else if ... else ...
- switch
- for
- while
- do ... while

JS DOM

将标记语言的各个组成部分封装成为对象

- Document：整个文档对象
- Element：元素对象
- Attribute：属性对象
- Text：文本对象
- Comment：注释对象

作用

- 改变 HTML 元素的内容
- 改变 HTML 元素的样式（CSS）
- 对 HTML DOM 事件作出反应
- 添加和删除 HTML 元素

示例

<body>
<h1  id = "title1">1111</h1>
<h1>22222</h1>
<h1>333333</h1><script>
<!--  修改第一个标签中的内容-->
<!--  1.获取DOM对象-->let h1 =  document.querySelect('#title1') <!--  2.调用DOM中的对象或者方法-->h1.innerHTML = '修改后的文本内容';</script>
</body>

JS事件监听

<!--  语法-->
事件源.addEventListener('事件类型', 要执行的函数);<!--  示例-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS-事件-事件绑定</title>
</head><body><input type="button" id="btn1" value="点我一下试试1"><input type="button" id="btn2" value="点我一下试试2"><script>document.querySelector("#btn1").addEventListener('click', ()=>{alert("按钮1被点击了...");})</script>
</body>
</html>

在上述的语法中包含三个要素:

事件源: 哪个dom元素触发了事件, 要获取dom元素
事件类型: 用什么方式触发, 比如: 鼠标单击 click, 鼠标经过 mouseover
要执行的函数: 要做什么事

常见事件

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS-事件-常见事件</title>
</head><body><form action="" style="text-align: center;"><input type="text" name="username" id="username"><input type="text" name="age" id="age"><input id="b1" type="submit" value="提交"><input id="b2" type="button" value="单击事件"></form><br><br><br><table width="800px" border="1" cellspacing="0" align="center"><tr><th>学号</th><th>姓名</th><th>分数</th><th>评语</th></tr><tr align="center"><td>001</td><td>张三</td><td>90</td><td>很优秀</td></tr><tr align="center" id="last"><td>002</td><td>李四</td><td>92</td><td>优秀</td></tr></table><script>//click: 鼠标点击事件document.querySelector('#b2').addEventListener('click', () => {console.log("我被点击了...");})//mouseenter: 鼠标移入document.querySelector('#last').addEventListener('mouseenter', () => {console.log("鼠标移入了...");})//mouseleave: 鼠标移出document.querySelector('#last').addEventListener('mouseleave', () => {console.log("鼠标移出了...");})//keydown: 某个键盘的键被按下document.querySelector('#username').addEventListener('keydown', () => {console.log("键盘被按下了...");})//keydown: 某个键盘的键被抬起document.querySelector('#username').addEventListener('keyup', () => {console.log("键盘被抬起了...");})//blur: 失去焦点事件document.querySelector('#age').addEventListener('blur', () => {console.log("失去焦点...");})//focus: 元素获得焦点document.querySelector('#age').addEventListener('focus', () => {console.log("获得焦点...");})//input: 用户输入时触发document.querySelector('#age').addEventListener('input', () => {console.log("用户输入时触发...");})//submit: 提交表单事件document.querySelector('form').addEventListener('submit', () => {alert("表单被提交了...");})</script>
</body></html>

Ajax

与服务器进行数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。
异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等等。

步骤：

引入Axios的js文件（参照官网）

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用Axios发送请求，并获取响应结果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Axios入门程序</title>
</head>
<body><button id="getData">GET</button><button id="postData">POST</button><script src="https://unpkg.com/axios/dist/axios.min.js"></script><script>//GET请求document.querySelector('#getData').onclick = function() {axios({
<!--  请求路径 -->url:'https://mock.apifox.cn/m1/3083103-0-default/emps/list',
<!--  请求方式 -->method:'get'}).then(function(res) {  //.then成功回调函数（就是前端发送给服务器，服务器返回给前端后执行的函数）console.log(res.data);}).catch(function(err) {  //.catch失败回调函数console.log(err);})}//POST请求document.querySelector('#postData').onclick = function() {axios({url:'https://mock.apifox.cn/m1/3083103-0-default/emps/update',method:'post'}).then(function(res) {console.log(res.data);}).catch(function(err) {console.log(err);})}</script>
</body>
</html>

请求方法别名

方法	描述
axios.get(url [, config])	发送get请求
axios.delete(url [, config])	发送delete请求
axios.post(url [, data[, config]])	发送post请求
axios.put(url [, data[, config]])	发送put请求

如果使用axios中提供的.then(function(){....}).catch(function(){....})，这种回调函数的写法，会使得代码的可读性和维护性变差。而为了解决这个问题，我们可以使用两个关键字，分别是：async、await。

可以通过async、await可以让异步变为同步操作。async就是来声明一个异步方法，await是用来等待异步任务执行。

修改前：

search() {//基于axios发送异步请求，请求https://web-server.itheima.net/emps/list，根据条件查询员工列表axios.get('https://web-server.itheima.net/emps/list', {params: this.searchEmp}).then(res => {this.empList = res.data.data})},

修改后

  async search() {//基于axios发送异步请求，请求https://web-server.itheima.net/emps/list，根据条件查询员工列表const result = await axios.get('https://web-server.itheima.net/emps/list', {params: this.searchEmp});this.empList = result.data.data;},

注意：

await只能出现在async里面

前端-HTML+CSS+JavaScript+Vue+Ajax概述

HTML（超文本标记语言）常见标签 <html><head> <title>这是标题的内容，显示在浏览器的头部</title></head><body><!-- h1 -> h6 : 标题从大到小 …...

编程日记 2025/8/22 11:20:57

20250506格式化NanoPi NEO开发板使用Ubuntu core16.04系统的TF启动卡

https://www.sdcard.org/downloads/formatter/eula_windows/SDCardFormatterv5_WinEN.zip 20250506使用SDCardFormatter工具格式化NanoPi NEO开发板使用Ubuntu core16.04系统的TF启动卡 2025/5/6 20:04 缘起：使用友善之臂的NanoPi NEO开发板，制作了Ubunt…...

编程日记 2025/8/19 14:27:34

信息时代的政治重构：网络空间与主权的未来

一、网络空间：暴力垄断的终结无边界主权的崛起网络空间作为“第五阶段”的暴力竞争场域，打破传统领土垄断。政府无法像控制物理世界那样垄断网络暴力，类似公海的法律真空状态。边区类比：中世纪的安道尔（法西共管避…...

编程日记 2025/8/19 22:43:26

Kotlin重构Android项目实践

以下是使用 Kotlin 重构 Android 项目的 5 个常见场景实践，通过对比 Java 实现方式，展示 Kotlin 的简洁性和现代特性： 场景 1：数据类替代 Java POJO Java 传统实现： public class User {private String name;private…...

编程日记 2025/8/19 22:43:21

Vue + Element UI 表单弹窗输入法卡顿问题解决方案

Vue Element UI 表单弹窗输入法卡顿问题解决方案前言在使用 Vue 和 Element UI 开发后台管理系统时，经常会遇到 el-dialog 弹出表单对话框的场景。然而，很多开发者可能会遇到一个棘手的问题：当调用 resetFields() 方法重置表单时&#x…...

编程日记 2025/8/21 6:07:57

ubantu安装CUDA

想要通过llama.cpp的方式跑deepseek R1模型。在按照https://huggingface.co/unsloth/DeepSeek-R1-GGUF教程去配环境时报错了。具体如下： (base) oemcore:~/Desktop/deepseek_llama.cpp$ sudo cmake llama.cpp -B llama.cpp/build -DBUILD_SHARED_LIBSOFF -DGGM…...

编程日记 2025/8/21 22:50:46

Python生活手册-Numpy多维数组构建：从快递分拣到智能家居的数据变形术

一、快递分拣系统（基础构建） 1. 电子面单生成（列表转数组） import numpy as np手工录入的快递单号纸质单号 [["SF123", "JD456", "EMS789"],["YT012", "ZT345", "YZ6…...

编程日记 2025/8/20 0:27:10

数据库的范围查询

范围查询 B树迭代器迭代器接口 B树的基本操作包括用于范围查询的查找和迭代。B树的位置由状态化的迭代器 BIter 表示。 // 查找小于或等于输入键的最近位置 func (tree *BTree) SeekLE(key []byte) *BIter// 获取当前键值对 func (iter *BIter) Deref() ([]byte, []byte)/…...

编程日记 2025/8/20 0:27:08

JS DAY4 日期对象与节点

一日期对象日期对象:用来表示时间的对象作用:可以得到当前系统时间 1.实例化在代码中发现了 new 关键字时，一般将这个操作称为实例化创建一个时间对象并获取时间时间必须实例化获得当前时间 const date new Date() 获得指定时间 const date new Date(…...

编程日记 2025/8/21 21:02:22

【Leetcode 每日一题 - 补卡】1007. 行相等的最少多米诺旋转

问题背景在一排多米诺骨牌中， t o p s [ i ] tops[i] tops[i] 和 b o t t o m s [ i ] bottoms[i] bottoms[i] 分别代表第 i i i 个多米诺骨牌的上半部分和下半部分。（一个多米诺是两个从 1 1 1 到 6 6 6 的数字同列平铺形成的 —— 该平铺的每一半…...

编程日记 2025/8/20 0:27:04

Android设备运行yolov8

放假这几天搞了一个基于uniapprk3588实现了一版yolo检测这个是基于前端调用后端api来实现，感觉还可以，但是需要有网络才能进行图像检测，网络不稳定就会出现等待时间会比较久的问题，然后有做了一个在做了一个Android版本的图像检…...

编程日记 2025/8/22 1:25:41

Debezium MySqlValueConverters详解

Debezium MySqlValueConverters详解 1. 类的作用与功能 1.1 核心作用 MySqlValueConverters是Debezium中负责MySQL数据类型转换的核心类，主要功能包括：数据类型映射：将MySQL的数据类型映射到Kafka Connect的Schema类型值转换：将MySQL的原始值转换为Kafka Connect可用的…...

编程日记 2025/8/20 0:27:01

Redis从入门到实战——实战篇（下）

四、达人探店 1. 发布探店笔记探店笔记类似于点评网站的评价，往往是图文结合。对应的表有两个： tb_blog：探店笔记表，包含笔记中的标题、文字、图片等tb_blog_comments：其他用户对探店笔记的评价步骤①&#xff1…...

编程日记 2025/8/21 5:00:42

算法中的数学：质数（素数）

1.质数 1.1定义一个大于1的自然数，除了1和它自身外，不能被其他自然数整除，那么他就是质数，否则他就是合数。注意：1既不是质数也不是合数唯一的偶质数是2，其余所有质数都是奇质数 1.2质数判定求法试除法…...

编程日记 2025/8/19 4:48:42

linux、window安装部署nacos

本文以nacos 2.2.0为例文章目录 1.下载安装包2.按需修改配置配置单机模式配置内存 -Xms -Xmx -Xmn配置数据库为MySQL 3. 访问http://ip:8848/nacos4.常见问题找不到javac命令 1.下载安装包打开官网，下载2.2.0版本 2.按需修改配置配置单机模式默认集群模式&…...

编程日记 2025/8/19 20:36:45

C++ 外观模式详解

外观模式（Facade Pattern）是一种结构型设计模式，它为复杂的子系统提供一个简化的接口。概念解析外观模式的核心思想是： 简化接口：为复杂的子系统提供一个更简单、更统一的接口降低耦合：减少客户端与子…...

编程日记 2025/8/21 22:21:09

42. 接雨水（相向双指针/前后缀分解），一篇文章讲透彻

给定一个数组，代表柱子的高度求出下雨之后，能接的水有多少单位。我们将每一个柱子想象成一个水桶，看他能接多少水以这个水桶为例，他所能接的水取决于左边的柱子的最大高度和右边柱子的最大高度，因为只有柱子高的时候…...

编程日记 2025/8/20 0:26:51

vue实现AI问答Markdown打字机效果

上线效果功能清单 AI问答，文字输出跟随打字机效果格式化回答内容（markdown格式）停止回答，复制回答内容回答时自动向下滚动全屏切换历史问答查看主要技术 vue 2.7.1markdown-it 14.1.0microsoft/fetch-event-source 2.0.1high…...

编程日记 2025/8/20 0:26:50

【QT】QT中的事件

QT中的事件 1.事件的定义和作用2.QT中事件产生和派发流程2.1 步骤2.2 图示示例代码：（event函数接收所有事件） 3.常见的事件3.1 鼠标事件示例代码：现象： 3.2 按键事件3.3 窗口大小改变事件 4.举例说明示例代码&#xff…...

编程日记 2025/8/21 23:30:38

【QT】QT中的软键盘设计

QT的软键盘设计 1.软键盘制作步骤2.介绍有关函数的使用3.出现的编译错误及解决办法示例代码1：按键事件实现软键盘现象：示例代码2：按键事件实现软键盘（加特殊按键）现象： 软键盘移植到新的工程的步骤&#xf…...

编程日记 2025/8/20 0:26:46

【Unity】一个AssetBundle热更新的使用小例子

1.新建两个预制体： Cube1：GameObject Material1：Material Cube1使用了Material1材质之后设置打包配置 Cube1的打包配置为custom.ab Material1的打包配置为mat.ab 2.在Asset文件夹下创建Editor文件夹，并在Editor下创建BuildBundle…...

编程日记 2025/8/19 18:04:43

【Bootstrap V4系列】学习入门教程之组件-按钮组（Button group）

Bootstrap V4系列学习入门教程之组件-按钮组（Button group） 按钮组（Button group）一、Basic example二、Button toolbar 按钮工具条三、Sizing 尺寸四、Nesting 嵌套五、Vertical variation 垂直变化按钮组（Button …...

编程日记 2025/8/20 0:26:43

Linux进程间的通信

IPC 即 Inter-Process Communication，也就是进程间通信，它指的是在不同进程之间进行数据交换和协调同步的机制。在操作系统里，每个进程都有自己独立的内存空间，一般情况下不能直接访问其他进程的内存，所以需要借助 IPC…...

编程日记 2025/8/22 3:05:22

常用非对称加密算法的Python实现及详解

非对称加密算法（Asymmetric Encryption）使用公钥加密、私钥解密，解决了对称加密的密钥分发问题。本文将详细介绍 RSA、ECC、ElGamal、DSA、ECDSA、Ed25519 等非对称加密算法的原理，并提供Python实现代码及安全性分析。 1. 非对称加…...

编程日记 2025/8/20 0:26:39

【题解-洛谷】B4303 [蓝桥杯青少年组省赛 2024] 字母移位

题目：B4303 [蓝桥杯青少年组省赛 2024] 字母移位题目描述字母移位表示将字母按照字母表的顺序进行移动。例如， b \texttt{b} b 向右移动一位是 c \texttt{c} c， f \texttt{f} f 向左移动两位是 d \texttt{d} d。特别地，…...

编程日记 2025/8/21 4:01:01

详讲viewer查看器

将Python与Cesium结合起来，可以实现高效的数据处理与可视化展示。本文将详细介绍如何在Python环境中集成Cesium，以及实现数据可视化的具体方法。我们可以通过在app.vue中的修改来更改我们查看器的显示方法修改前修改后还可以进行各式各样的自定义操作…...

编程日记 2025/8/21 7:01:56

开关电源原理

开关电源原理一、开关电源的电路组成： 开关电源的主要电路是由输入电磁干扰滤波器（EMI）、整流滤波电路、功率变换电路、PWM控制器电路、输出整流滤波电路组成。辅助电路有输入过欠压保护电路、输出过欠压保护电路、输出过流保护电路、输出短…...

编程日记 2025/8/22 7:48:51

数据库的并发控制

并发控制 12.1 并发级别问题：交错的读写并发客户端可以随意进入和退出事务，并在中途请求读取和写入。为了简化分析，假设enter/exit/read/write是原子步骤，因此并发事务只是这些步骤的交错。我们还将区分只读事务和读写事务…...

编程日记 2025/8/20 0:26:32

力扣第448场周赛

赛时成绩如下: 这应该是我力扣周赛的最好成绩了(虽然还是三题) 1. 两个数字的最大乘积给定一个正整数 n。返回任意两位数字相乘所得的最大乘积。注意：如果某个数字在 n 中出现多次，你可以多次使用该数字。示例 1： 输入&#xff1…...

编程日记 2025/8/20 0:26:31

关于Python：9. 深入理解Python运行机制

一、Python内存管理（引用计数、垃圾回收） Python（CPython）采用的是： “引用计数为主，垃圾回收为辅” 的内存管理机制。也就是说： 引用计数机制：负责大部分内存释放，简…...

编程日记 2025/8/21 15:44:41

Cron表达式的用法

最近几天开发东西用到了定时脚本的问题，中间隔了一段时间没有用到，再次复习一下Cron表达式的用法。 Cron表达式是一种用于定义定时任务执行时间的字符串格式，广泛应用于Unix/Linux系统以及各种编程语言中。其主要用途是通过灵活的时间规则来…...

编程日记 2025/8/19 14:33:43

手机通过局域网访问网狐接口及管理后台网站

1.本地部署接口及后台网站 2.设置允许网站端口通过防火墙 3.查看网站服务器IP 4.手机连接到本地服务器同一局域网 5.手机访问本地服务器接口...

编程日记 2025/8/20 0:26:25

JavaSE核心知识点01基础语法01-01（关键字、标识符、变量）

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录 JavaSE核心知识点01基础语法01-01&#xff0…...

编程日记 2025/8/19 6:51:00

Sliding Window Attention(Longformer)

最简单的自注意力大家肯定都会啦。但这种全连接的自注意力（即每个 token 需要 attend 到输入序列中的所有其他 token）计算与内存开销是 O ( n 2 ) O(n^2) O(n2) 。为了缓解这个问题，研究者们提出了 Sliding Window Attention。 Sliding W…...

编程日记 2025/8/20 0:26:21

ROS2 开发踩坑记录（持续更新...）

1. 从find_package(xxx REQUIRED)说起，如何引用其他package(包） 查看包的安装位置和include路径详细文件列表例如，xxx包名为pluginlib # 查看 pluginlib 的安装位置 dpkg -L ros-${ROS_DISTRO}-pluginlib | grep include 这条指令的目的是…...

编程日记 2025/8/20 0:26:20

刷leetcodehot100返航版--哈希表5/5、5/6

回顾一下之前做的哈希，貌似只有用到 unordered_set：存储无序元素unordered_map：存储无序键值对代码随想录常用代码模板2——数据结构 - AcWing C知识回顾-CSDN博客 1.两数之和5/5【30min】 1. 两数之和 - 力扣（LeetCode&am…...

编程日记 2025/8/20 0:26:18

嵌入式开发学习日志Day13

第九章预处理命令前面加“#”的都为预处理命令； 预处理命令是无脑的文本替换； 一、宏定义 1、不带参数的宏定义一般形式为： #define 标识符字符串 （谷歌规定）：所有的宏名均大写，便于…...

编程日记 2025/8/19 18:51:35

AI预测的艺术品走势靠谱吗？

首席数据官高鹏律师团队 AI预测艺术品价格走势：技术与法律的双重考量在当今数字化浪潮席卷全球的时代，人工智能（AI）技术正以前所未有的速度渗透到各个领域，艺术品市场也不例外。AI预测艺术品价格走势这一新兴事物&…...

编程日记 2025/8/20 0:26:15

AVL树和红黑树的插入算法

1.AVL树按照二叉搜索树的规则找到要插入的位置并插入，插入过后看是父节点的左还是右孩子，然后把父节点的平衡因子-1或1，调整后如果父节点的平衡因子是0，那就说明这颗子树的高度插入前后不变，上面的就不用调整平衡因子…...

编程日记 2025/8/20 0:26:13

【项目】基于ArkTS的网吧会员应用开发（1）

一、效果图展示二、界面讲解以上是基于ArkTS的鸿蒙应用网吧会员软件的引导页，使用滑动组件滑动页面，至最后一页时，点击立即体验，进入登录页面。三、代码演示 import promptAction from ohos.promptAction; import router fr…...

编程日记 2025/8/21 18:44:04

命令模式（Command Pattern）

非常好！现在我们来深入讲解行为型设计模式之一 —— 命令模式（Command Pattern）。我将通过： ✅ 定义解释 🎯 使用动机 🐍 Python 完整调用代码（含注释） 🧭 清晰类图 …...

编程日记 2025/8/21 22:36:46

CMake基础介绍

1、CMake 概述 CMake 是一个项目构建工具，并且是跨平台的；关于项目构建目前比较流行的还有 Makefile(通过 Make 命令进行项目的构建)， 大多 IDE 软件都集成了 make,比如：VS 的 nmake、linux 下的 GNU make、Qt 的 qmake 等&…...

编程日记 2025/8/21 2:10:04

偷钱包行为检测数据集VOC+YOLO格式922张1类别有增强

有320张图片是原图剩余为增强图片数据集格式：Pascal VOC格式YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：922 标注数量(xml文件个数)：922 标注数量…...

编程日记 2025/8/22 8:42:09

C 语言比较运算符：程序如何做出“判断”？

各类资料学习下载合集 https://pan.quark.cn/s/8c91ccb5a474 在编写程序时，我们经常需要根据不同的条件来执行不同的代码。比如，如果一个分数大于 60 分，就判断为及格；如果用户的年龄小于 18 岁，就禁止访问某个内容等等。这些“判断”的核心，就依赖于程序能够比…...

编程日记 2025/8/21 6:08:20

Webug4.0靶场通关笔记16- 第20关文件上传(截断上传)

目录第20关文件上传(截断上传) 1.打开靶场 2.源码分析 （1）右键查看前端源码 （2）服务端源码分析 （3）渗透思路 3.渗透实战 （1）构建脚本 （2）bp抓包 …...

编程日记 2025/8/20 0:26:06

10 种最新的思维链（Chain-of-Thought, CoT）增强方法

防御式链式思维（Chain-of-Defensive-Thought） 该方法通过引入结构化、防御性的推理示例，提高大语言模型在面对被污染或误导信息时的稳健性。 📄 论文链接：https://arxiv.org/abs/2504.20769 混合链式思维（…...

编程日记 2025/8/20 0:26:05

力扣119题解

记录 2025.5.5 题目： 思路： 代码: class Solution {public List<Integer> getRow(int rowIndex) {List<Integer> row new ArrayList<Integer>();row.add(1);for (int i 1; i < rowIndex; i) {row.add((int) ((long) row.get(i…...

编程日记 2025/8/20 0:26:03