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

三天急速通关JavaWeb基础知识：Day 2 前端基础知识（计划有变，前端工程化部分暂时搁置）

news 来源：原创 2025/5/15 23:09:51

三天急速通关JavaWeb基础知识：Day 2 前端基础知识

0 文章说明
1 HTML
1.1 介绍
1.2 基本结构及语法
1.3 常见标签
2 CSS
- 2.1 介绍
- 2.2 引入方式
- 2.3 选择器
- 2.4 浮动定位盒子模型
3 JavaScript
3.1 介绍
3.2 组成
- 3.3 基础语法
4 Ajax
- 4.1 介绍
- 4.2 示例
未完待续，前端工程化部分无法完成速通。
5 ES6
6 NodeJs
7 NPM
8 Vite
9 Vue3
10 Router
11 Pinia
12 Axios
13 Element-Plus

0 文章说明

学习完Java基础知识，有一定前端基础，三天急速通关尚硅谷的JavaWeb教程，整理知识体系框架，并用Kimi，DeepSeek，Copliot辅助学习，第二天整理前端相关概念，需要有一定前端基础，目的是快速整理前端知识体系。本文所提供的信息和内容仅供参考，作者和发布者不保证其准确性和完整性。

1 HTML

1.1 介绍

HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言，作用是搭建网页结构，在网页上面展示内容。

超文本 HyperText
HTML文件本质上是文本文件，而普通文本文件只能显示字符，通过标签把其他多媒体资源引入到当前网页中，能够呈现超越文本的展示效果。
标记语言 Markup Language
通过一系列的标记（也称为标签）来定义网页的结构和内容。

1.2 基本结构及语法

HTML的基本结构主要分为五个部分：

<!--Part 1 文档声明，放在开头部分，告诉浏览器当前的HTML版本，下面是HTML5版本的示例-->
<!DOCTYPE html>
<!--Part 2 根标签，表示整个HTML文档的开始和结束-->
<html lang="en">
<!--Part 3 头部标签，包含文档的元数据-->
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<!--Part 4 主体标签，包含文档的主要内容-->
<body></body>
</html>
<!--Part 5 注释，用于在HTML文档中添加注释，浏览器会忽略注释内容-->

HTML的语法规则
- 根标签只能一个，标签需要正确关闭，不能交叉嵌套
- 属性必须有加双引号的值，不严格区分单双引号，不能交叉混用
- 不严格区分大小写，但不能混用
- 不允许自定义标签

1.3 常见标签

发挥主观能动性，这里就不水内容，重点是表单标签的使用。

2 CSS

2.1 介绍

CSS（层叠样式表，Cascading Style Sheets）是一种用于描述网页样式的语言。它用于设置HTML文档中元素的外观和格式，包括布局、颜色、字体等。
基础语法：

/* 选择器 { 属性: 值; } */

2.2 引入方式

行内式

<!-- 通过标签的style属性 -->
<p style="color: red;">This is a paragraph.</p>

内嵌式

<!-- 在HTML文档的<head>部分的<style>标签中定义样式。-->
<head><style>/*这里面的注释是这样的*/body { background-color: #f0f0f0; }h1 { color: #333; }</style>
</head>

连接式

<head><!-- 指定外部CSS文件的路径 --><link rel="stylesheet" href="styles.css">
</head>

/* styles.css */
body { background-color: #f0f0f0; }
h1 { color: #333; }

2.3 选择器

列了一些常见选择器，足够用了。

选择器类型	选择器描述	示例	结果说明
元素选择器	根据元素类型选择元素	`p`	选择所有段落元素
类选择器	根据class属性选择元素	`.highlight`	选择所有class为highlight的元素
ID选择器	根据id属性选择元素	`#main-header`	选择id为main-header的元素
属性选择器	根据属性选择元素	`a[target="_blank"]`	选择所有target属性为_blank的链接
伪类选择器	根据元素状态选择元素	`a:hover`	鼠标悬停时的链接
伪元素选择器	选择元素的一部分	`p::first-line`	段落的第一行文本
子选择器	选择父元素的直接子元素	`ul > li`	选择ul元素的直接li子元素
后代选择器	选择父元素的所有后代元素	`div p`	选择div元素内的所有段落元素

2.4 浮动定位盒子模型

浮动，通俗理解就是将该元素放到另一个平面和当前平面叠加。
定位，相对 relative，绝对 absolute，固定 fiexed
边距 Margin，边框 Border，填充 Padding，实际内容 Content
根据关键词学习即可。

3 JavaScript

3.1 介绍

JavaScript是一种运行在浏览器端上的小脚本语言，可以实现网页如文本内容，数据动态变化以及动画等效。

特点
- 脚本语言：解释性语言，不会产生编译字节码文件，逐行运行。
- 原型继承：能实现封装，是基于原型的继承，无法实现多态。
- 弱类型：不用显式给出变量类型，变量提升后，在程序运行中自动确定变量类型
- 事件驱动：可以响应用户操作（如点击、输入等事件）。
- 跨平台：不依赖操作系统，仅需要浏览器支持。

3.2 组成

JavaScript由EMCAScript，DOM，BOM三部分组成。

EMCAScript
ECMAScript（European Computer Manufacturers Association）是JavaScript的规格说明，它定义了JavaScript编程语言的语法和基本结构。
DOM
DOM（Document Object Model）提供了一种访问和操作网页内容和结构的标准编程接口。
BOM
BOM（Browser Object Model）提供了一组与浏览器交互的对象和方法，允许JavaScript控制浏览器的功能和行为。

3.3 基础语法

数据类型

数据类型	描述	示例
`Undefined`	表示变量已声明但未初始化	`var x;`
`Null`	表示一个空值或无值	`var y = null;`
`Boolean`	表示逻辑值真或假	`var flag = true;`
`Number`	表示数值类型，包括整数和浮点数	`var age = 25;`
`String`	表示文本值，由字符组成	`var name = "Kimi";`
`Object`	表示对象类型，可以包含多个键值对	`var obj = { key: "value" };`
`Array`	表示数组类型，用于存储多个值的有序集合	`var arr = [1, 2, 3];`
`Function`	表示函数类型，可以执行代码块	`function greet() {}`

变量
若变量类型，可以统一用var声明，可以多次声明相同变量，可以使用不同数据类型多次赋值同一变量，如果只声明没赋值，那么是undefined。
运算符与流程控制语句
只提一点，== 运算符会类型强制转换，三等不会。
其他
略

4 Ajax

4.1 介绍

Ajax（Asynchronous JavaScript and XML，异步的 JavaScript 和 XML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页的技术。

工作流程
核心是 XMLHttpRequest 对象（这只是一种实现方式，还有其他的，例如fetch），它允许在页面已加载后与服务器进行异步通信。
- 创建XMLHttpRequest对象：JavaScript创建该对象负责与服务器的通信。
- 发送请求到服务器：发送请求到服务器的时候不会阻塞页面。
- 服务器处理请求：返回的格式通常为XML或JSON
- 接收响应：接收并处理响应数据。
- 更新页面：只更新响应数据相关的部分。

4.2 示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Ajax Example with XMLHttpRequest</title>
</head>
<body><h1>用户信息</h1><div id="userInfo">加载中...</div><script>// 创建 XMLHttpRequest 对象var xhr = new XMLHttpRequest();// 配置请求类型、URL 以及是否异步处理xhr.open('GET', 'https://api.example.com/users/1', true);// 设置请求完成后的回调函数xhr.onreadystatechange = function() {// 检查请求状态和响应状态码if (xhr.readyState === 4 && xhr.status === 200) {// 处理服务器返回的数据var response = JSON.parse(xhr.responseText);document.getElementById('userInfo').innerHTML = '用户名: ' + response.username + '<br>' +'邮箱: ' + response.email;}};// 发送请求xhr.send();</script>
</body>
</html>

未完待续，前端工程化部分无法完成速通。

5 ES6

6 NodeJs

7 NPM

8 Vite

9 Vue3

10 Router

11 Pinia

12 Axios

13 Element-Plus

三天急速通关JavaWeb基础知识：Day 2 前端基础知识（计划有变，前端工程化部分暂时搁置）

三天急速通关JavaWeb基础知识：Day 2 前端基础知识 0 文章说明1 HTML1.1 介绍1.2 基本结构及语法1.3 常见标签2 CSS2.1 介绍2.2 引入方式2.3 选择器2.4 浮动定位盒子模型 3 JavaScript3.1 介绍3.2 组成3.3 基础语法 4 Ajax4.1 介绍4.2 示例未完待续，前…...

编程日记 2025/5/15 23:09:51

Chapter2 Amplifiers, Source followers Cascodes

Chapter2 Amplifiers, Source followers & Cascodes MOS单管根据输入输出, 可分为CS放大器, source follower和cascode 三种结构. Single-transistor amplifiers 这一章学习模拟电路基本单元-单管放大器单管运放由Common-Source加上DC电流源组成. Avgm*Rds, gm和rds和…...

编程日记 2025/5/15 23:05:00

14-9-3C++STL的set容器

set容器的pair对组——set容器set.equal range(elem) 1.返回容器中与elem相等的上下限的两个迭代器；上限是闭区间，下限是开区间，如[beg, end) 2.函数返回两个迭代器，而这两个迭代器被封装在pair中 pair< set<int>::ite…...

编程日记 2025/5/15 21:21:11

用Impala对存储在HDFS中的大规模数据集进行快速、实时的交互式SQL查询的具体步骤和关键代码

AWS EMR（Elastic MapReduce）中应用Impala的典型案例，主要体现在大型企业和数据密集型组织如何利用Impala对存储在Hadoop分布式文件系统（HDFS）中的大规模数据集进行快速、实时的交互式SQL查询。以下是一个具体的案例说明…...

编程日记 2025/5/15 3:12:17

如何确认Linux嵌入式系统的触摸屏对应的是哪个设备文件(/dev/input/event1)？如何查看系统中所有的输入设备？输入设备的设备文件有什么特点？

Linux嵌入式系统的输入设备的设备文件有什么特点？ 在 Linux 中，所有的输入设备（如键盘、鼠标、触摸屏等）都会被内核识别为输入事件设备，并在 /dev/input/ 目录下创建相应的设备文件，通常是： …...

编程日记 2025/5/14 8:02:03

C++泛型编程指南08 auto decltype

文章目录 [TOC]第3章：auto占位符（C11～C17）3.1 auto关键字的重新定义3.2 类型推导规则 3.3 何时使用auto3.4 返回类型推导3.5 在Lambda表达式中使用auto3.6 非类型模板参数占位符总结第4章 decltype说明符（C11&#xf…...

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

php的使用及 phpstorm环境部署

php语法环境搭建：在小皮中新建网站，注意先填写域名再点击选择根目录。成功创建网站后，打开发现forbidden，因为新建的网站里是空的，需要新建index.php文件----> 在Phpstorm中左上角打开文件，打开那个文…...

编程日记 2025/5/15 0:52:58

人工智能学习（五）之机器学习逻辑回归算法

深入剖析机器学习逻辑回归算法一、引言在机器学习领域，逻辑回归是一种极为经典且应用广泛的算法。虽说名字里带有 “回归”，但它主要用于解决分类问题，在医学、金融、互联网等多个领域都发挥着关键作用。例如，在医学上辅助判断…...

编程日记 2025/5/15 21:55:40

Kubernetes学习之包管理工具（Helm）

一、基础知识 1.如果我们需要开发微服务架构的应用，组成应用的服务可能很多，使用原始的组织和管理方式就会非常臃肿和繁琐以及较难管理，此时我们需要一个更高层次的工具将这些配置组织起来。 2.helm架构： chart:一个应用的信息集合…...

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

数据结构课程设计（四）校园导航

4 校园导航 4.1 需求规格说明【问题描述】一个学校平面图，至少包括10个以上的场所，每个场所带有编号、坐标、名称、类别等信息，两个场所间可以有路径相通，路长（耗时）各有不同。要求读取该校园平面图&a…...

编程日记 2025/5/14 9:47:36

(done) MIT6.S081 2023 学习笔记 (Day7: LAB6 Multithreading)

网页：https://pdos.csail.mit.edu/6.S081/2023/labs/thread.html (任务1教会了你如何用 C 语言调用汇编，编译后链接即可) 任务1：Uthread: switching between threads (完成) 在这个练习中，你将设计一个用户级线程系统中的上下文切…...

编程日记 2025/5/15 23:02:11

大年初六，风很大

北京的风在立春附近的几天突然大了，正在盘算着这个冬天可能就这样平庸的去了，没成想风来了。走在风中，穿着本应该是三九天穿的冬装，紧闭着嘴，缩着身子，感受着这冬天该有的低温。这是冬天该有的样子&#xf…...

编程日记 2025/5/15 17:49:39

【算法】回溯算法专题③ ——排列型回溯 python

目录前置小试牛刀回归经典举一反三总结前置【算法】回溯算法专题① ——子集型回溯 python 【算法】回溯算法专题② ——组合型回溯剪枝 python 小试牛刀全排列 https://leetcode.cn/problems/permutations/description/ 给定一个不含重复数字的数组 nums ，返…...

编程日记 2025/5/15 21:58:09

利用deepseek参与软件测试基本架构如何又该在什么环节接入deepseek

利用DeepSeek参与软件测试，可以考虑以下基本架构和接入环节： ### 基本架构 - **数据层** - **测试数据存储**：用于存放各种测试数据，包括正常输入数据、边界值数据、异常数据等，这些数据可以作为DeepSeek的输入&…...

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

99.20 金融难点通俗解释：中药配方比喻马科维茨资产组合模型(MPT)

目录 0. 承前1. 核心知识点拆解2. 中药搭配比喻方案分析2.1 比喻的合理性 3. 通俗易懂的解释3.1 以中药房为例3.2 配方原理 4. 实际应用举例4.1 基础配方示例4.2 效果说明 5. 注意事项5.1 个性化配置5.2 定期调整 6. 总结7. 代码实现 0. 承前本文主旨： 本文通过中…...

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

为AI聊天工具添加一个知识系统之79 详细设计之20 正则表达式之7

本文要点要点 “正则表达式” 本来是计算机科学计算机科学的一个概念。本项目将它推广（扩张）到认知科学的“认知范畴”概念， 聚合（收敛）到神经科学的“神经元”概念。做法是：用reg 来系统化定义认知…...

编程日记 2025/5/13 9:41:16

[ Spring ] Spring Boot Mybatis++ 2025

文章目录 StructureMyBatis Controller AbilitiesConfigure Plugins and RepositoriesApply Plugins and Add DependenciesMyBatis Spring PropertiesMyBatis ApplicationMyBatis BeansMyBatis MapperMyBatis Query Builder Structure this blog introduce 3 ways using mybat…...

编程日记 2025/5/15 21:01:46

虚幻基础17：动画层接口

能帮到你的话，就给个赞吧 😘 文章目录 animation layer interface animation layer interface 动画层接口：动画图表的集。仅有名字。添加到动画蓝图中，由动画蓝图实现动画图表。...

编程日记 2025/5/15 20:50:58

前缀和算法

文章目录算法总览题目1371.每个元音包含偶数次的最长子字符串算法总览题目 1371.每个元音包含偶数次的最长子字符串 1371.每个元音包含偶数次的最长子字符串参考博主的讲解思路分析：就是得使用前缀和记录情况，dp[i][j]表示s[0] 到s[i] 中&…...

编程日记 2025/5/15 21:11:09

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

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

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

深入理解 `box-sizing: border-box；`：CSS 布局的利器

深入理解 box-sizing: border-box;：CSS 布局的利器默认行为示例代码使用 box-sizing: border-box;示例代码全局应用 box-sizing: border-box;示例代码实际应用场景1. 表单布局2. 网格布局总结在 CSS 中，box-sizing 属性决定了元素的总宽度和高度是…...

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

MySQL不适合创建索引的11种情况

文章目录前言1. **数据量小的表**2. **频繁更新的列**3. **低选择性的列**4. **频繁插入和删除的表**5. **查询中很少使用的列**6. **大文本或BLOB列**7. **复合索引中未使用的前导列**8. **频繁进行批量插入的表**9. **查询返回大部分数据的表**10. **临时表**11. **列值频繁…...

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

shell呈现数据——在脚本中重定向

重定向输出只需简单地重定向相应的文件描述符，就可以在脚本中用文件描述符STDOUT和STDERR在多个位置生成输出。在脚本中重定向输出的方法有两种。临时重定向每一行。永久重定向脚本中的所有命令。下面将具体展示这两种方法的工作原理。 1.临时重定向如果你…...

编程日记 2025/5/15 22:37:12

vector容器（详解）

本文最后是模拟实现全部讲解，文章穿插有彩色字体，是我总结的技巧和关键 1.vector的介绍及使用 1.1 vector的介绍 https://cplusplus.com/reference/vector/vector/（vector的介绍） 了解 1. vector是表示可变大小数组的序列容器。…...

编程日记 2025/5/15 20:43:27

【初/高中生讲机器学习】0. 本专栏 “食用” 指南——写在一周年之际⭐

创建时间：2025-01-27 首发时间：2025-01-29 最后编辑时间：2025-01-29 作者：Geeker_LStar 你好呀~这里是 Geeker_LStar 的人工智能学习专栏，很高兴遇见你~ 我是 Geeker_LStar，一名高一学生，热爱计…...

编程日记 2025/5/15 23:01:07

SAP SD学习笔记28 - 请求计划(开票计划)之2 - Milestone请求(里程碑开票)

上一章讲了请求计划（开票计划）中的定期请求。 SAP SD学习笔记27 - 请求计划(开票计划)之1 - 定期请求-CSDN博客本章继续来讲请求计划（开票计划）的其他内容： Milestone请求(里程碑请求)。目录 1，Miles…...

编程日记 2025/5/15 2:12:06

【PyTorch介绍】

PyTorch 是什么？ PyTorch 是一个开源的深度学习框架，由 Facebook 的人工智能研究实验室（FAIR）开发和维护。它是一个基于 Python 的库，专为深度学习和人工智能研究设计，支持动态计算图（dynamic …...

编程日记 2025/5/15 17:49:53

语言月赛 202412【正在联系教练退赛】题解（AC）

》》》点我查看「视频」详解》》》 [语言月赛 202412] 正在联系教练退赛题目背景在本题中，我们称一个字符串 y y y 是一个字符串 x x x 的子串，当且仅当从 x x x 的开头和结尾删去若干个（可以为 0 0 0 个）字符后剩余的字…...

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

【C++】B2122 单词翻转

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C 文章目录 💯前言💯题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1 💯一、我的做法代码实现：代码解析思路分析 💯二、老师的第一种做法代码实现&a…...

编程日记 2025/5/15 22:52:40

redis基本数据结构

基本数据结构 String String是Redis中最常见的数据存储类型： 其基本编码方式是RAW，基于简单动态字符串（SDS）实现，存储上限为512mb。如果存储的SDS长度小于44字节，则会采用EMBSTR编码，此时ob…...

编程日记 2025/5/15 22:36:10

基于STM32景区环境监测系统的设计与实现（论文+源码）

1系统方案设计根据系统功能的设计要求，展开基于STM32景区环境监测系统设计。如图2.1所示为系统总体设计框图。系统以STM32单片机作为系统主控模块，通过DHT11传感器、MQ传感器、声音传感器实时监测景区环境中的温湿度、空气质量以及噪音数据。系统监测环…...

编程日记 2025/5/15 22:08:09

使用冒泡排序模拟实现qsort函数

1.冒泡排序 #define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h>int main() {int arr[] { 0,2,5,3,4,8,9,7,6,1 };int sz sizeof(arr) / sizeof(arr[0]);//冒泡排序一共排序 sz-1 趟for (int i 0; i < sz - 1; i){//标志位，如果有序，直接…...

编程日记 2025/5/15 22:56:42

探秘Linux IO虚拟化：virtio的奇幻之旅

在当今数字化时代，虚拟化技术早已成为推动计算机领域发展的重要力量。想象一下，一台物理主机上能同时运行多个相互隔离的虚拟机，每个虚拟机都仿佛拥有自己独立的硬件资源，这一切是如何实现的呢？今天，就让我…...

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

在React中使用redux

一、首先安装两个插件 1.Redux Toolkit 2.react-redux 第一步：创建模块counterStore 第二步：在store的入口文件进行子模块的导入组合第三步：在index.js中进行store的全局注入第四步：在组件中进行使用第五步：在组件中…...

编程日记 2025/5/15 22:55:19

从 C 到 C++：理解结构体中字符串的存储与操作

对于刚入门 C/C 的程序员来说，字符串的存储和操作可能是个容易混淆的知识点。在 C 中，std::string 提供了非常友好的接口，我们可以轻松地在结构体中使用字符串类型，无需关注底层细节。然而，在 C 语言中，字符…...

编程日记 2025/5/15 5:59:12

2.3学习总结

图： 1.图的基本概念 2.图的存储和遍历 3.最小生成树 4.最短路径 5.拓扑排序和关键路径一、图的基本概念图的定义：不允许没有顶点，但边集可以为空 {无向图 {有向图：边弧，弧头（有箭头）…...

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

wordpress代码结构解析

WordPress 是一个基于 PHP 和 MySQL 的开源内容管理系统（CMS），广泛用于构建网站和博客。要解析 WordPress 代码，首先需要了解其核心结构、主要文件和常用的函数。以下是 WordPress 代码解析的基本指南： --- ### 1. *…...

编程日记 2025/5/15 22:35:06

使用 Numpy 自定义数据集，使用pytorch框架实现逻辑回归并保存模型，然后保存模型后再加载模型进行预测，对预测结果计算精确度和召回率及F1分数

1. 导入必要的库首先，导入我们需要的库：Numpy、Pytorch 和相关工具包。 import numpy as np import torch import torch.nn as nn import torch.optim as optim from sklearn.metrics import accuracy_score, recall_score, f1_score2. 自定义数据集 …...

编程日记 2025/5/12 9:05:37

FPGA|例化生成的PLL功能IP核

1、例化上一篇文章中调用的IP核，新建文件PLL_test.v 2、代码如图 timescale 1ns / 1ps module PLL_test(input clk,input rst_n,output clkout0,output clkout1,output clkout2,output clkout3,output clkout4);wire locked;PLL pll_inst(.inclk0(clk),.c0(clkout0)…...

编程日记 2025/5/15 13:53:53

K个不同子数组的数目--滑动窗口--字节--亚马逊

Stay hungry, stay foolish 题目描述给定一个正整数数组 nums和一个整数 k，返回 nums 中「好子数组」的数目。如果 nums 的某个子数组中不同整数的个数恰好为 k，则称 nums 的这个连续、不一定不同的子数组为「好子数组」。例如，[1,2,…...

编程日记 2025/5/15 16:23:36

手机连接WIFI可以上网，笔记本电脑连接WIFI却不能上网？解决方法？

原因：DNS受污染了解决办法 step 1：清空域名解析记录（清空DNS） ipconfig /flushdns (Windows cmd命令行输入) step 2：重新从DHCP 获取IP ipconfig /release（释放当前IP地址） ipconfig /renew &…...

编程日记 2025/5/15 16:23:35

大模型综述一镜到底（全文八万字） ——《Large Language Models: A Survey》

论文链接：https://arxiv.org/abs/2402.06196 摘要：自2022年11月ChatGPT发布以来，大语言模型（LLMs）因其在广泛的自然语言任务上的强大性能而备受关注。正如缩放定律所预测的那样，大语言模型通过在大量文本数…...

编程日记 2025/5/15 16:23:34

C语言按位取反【~】详解，含原码反码补码的0基础讲解【原码反码补码严格意义上来说属于计算机组成原理的范畴，不过这也是学好编程初级阶段的必修课】

目录概述【适合0基础看的简要描述】： 上述加粗下划线的内容提取版： 从上述概述中提取的核心知识点，需背诵： 整数【包含整数，负整数和0】的原码反码补码相互转换的过程图示： 过程详细刨析：…...

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

本地部署与使用SenseVoice语音大模型简析

前言 SenseVoice 是一种语音基础模型，具有多种语音理解功能，包括自动语音识别 (ASR)、口语识别 (LID)、语音情感识别 (SER) 和音频事件检测 (AED)。本博客将指导您安装和使用 SenseVoice 模型，使其尽可能方便用户使用。 Github 仓库链接: ht…...

编程日记 2025/5/15 16:23:31

QMK启用摇杆和鼠标按键功能

虽然选择了触摸屏，我仍选择为机械键盘嵌入摇杆模块，这本质上是对"操作连续性"的执着。值得深思的是，本次开发过程中借助DeepSeek的代码生成与逻辑推理，其展现的能力已然颠覆传统编程范式，需求描述可自动…...

编程日记 2025/5/15 16:23:30

排序算法与查找算法

1.十大经典排序算法我们希望数据以一种有序的形式组织起来，无序的数据我们要尽量将其变得有序一般说来有10种比较经典的排序算法简单记忆为Miss D----D小姐时间复杂度 ：红色<绿色<蓝色空间复杂度：圆越大越占空间稳定性&…...

编程日记 2025/5/15 16:23:29

基于Spring Security 6的OAuth2 系列之九 - 授权服务器--token的获取

之所以想写这一系列，是因为之前工作过程中使用Spring Security OAuth2搭建了网关和授权服务器，但当时基于spring-boot 2.3.x，其默认的Spring Security是5.3.x。之后新项目升级到了spring-boot 3.3.0，结果一看Spring Security也升级…...

编程日记 2025/5/15 3:36:32

【思维导图】redis

学习计划：将目前已经学的知识点串成一个思维导图。在往后的学习过程中，不断往思维导图里补充，形成自己整个知识体系。对于思维导图里的每个技术知识，自己用简洁的话概括出来， 训练自己的表达能力。...

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

【Git】使用笔记总结

目录概述安装Git注册GitHub配置Git常用命令常见场景1. 修改文件2. 版本回退3. 分支管理常见问题1. git add [中文文件夹] 无法显示中文问题2. git add [文件夹] 文件名中含有空格3. git add 触发 LF 回车换行警告4. git push 提示不存在 Origin 仓库5. Git与GitHub中默认分支…...

编程日记 2025/5/14 17:24:00

cf div3 998 E(并查集）

E : 给出两个简单无向图 （没有重边和自环）f g . 可以对f 进行删边和加边的操作。问至少操作多少次 ，使得 f 和 g 的点的联通情况相同（并查集的情况相同） 首先思考删边 ： 对于我 f 图存在边 e &#x…...

编程日记 2025/5/15 16:23:25