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

Sass基础

news 来源：原创 2025/9/8 1:42:44

什么是sass?

Sass的安装

Sass的编译

Sass的语法：

Sass的基本使用:

一、Sass变量：

二、嵌套语法：

三、@import的使用：

四、@mixin混入和@include:

五、@extend:

六、注释

七、if和@if:

八、@for:

总结：

什么是sass?

SASS（Syntactically Awesome Stylesheet）是一个CSS预处理器，有助于减少CSS的重复，节省时间。它是更稳定和强大的CSS扩展语言，描述文档的样式干净和结构。

说人话：sass就是升级版的css，能够更加灵活的设置样式，它包含css里面的所有语法规则，即scss完全可以按照css来写(当然加点sass里面的东西那就更好了)，文件拓展名有两种：sass\scss，两种文件都是sass技术，但语法不一样，现在主要使用scss，写完sass代码后再编译成css文件来使用

文件创建：

建议使用scss拓展名，在实际开发中，由于 SCSS 与 CSS 语法的兼容性更好，使用更为广泛。

当然使用要根据具体需求来讲

Sass的安装

安装教程：Sass 快速入门教程_哔哩哔哩_bilibili

Sass的编译

如果使用vscode来写Sass代码，则下载一个EsaySass插件来辅助编译(当sass文件保存时会自动编译为css文件，不用手动来编译了)

如果不是使用vscode，则编译阶段看上面安装教程里面的视频

Sass的语法：

Sass主要有两种语法：

SCSS（Sassy CSS）是CSS语法的扩展。这意味着每个有效的CSS也是一个有效的SCSS。SCSS更容易维护大型样式表，并且可以识别供应商特定的语法和许多CSS。SCSS文件使用扩展名 .scss 。

缩进 - 这是较旧的语法，有时仅称为 Sass 。使用这种形式的语法，可以简洁地编写CSS。SASS文件使用扩展名 .sass 。

还是那句话，scss语法的sass更容易学，也更常用，建议先学这个

Sass的基本使用:

一、Sass变量：

在css里面有变量，那么sass里面当然也有变量啦

变量的定义:

格式：$变量名:变量值；

变量值的类型：

字符串
数字
颜色值
布尔值
列表
null 值

变量的引用：

例如:
$mycolor:rgba(10,10,10,0.5);
div{background-color: $mycolor;
}
变量的作用域：

变量的作用域是根据定义位置和更改位置来定的，如果变量定义在所有选择器的外面，则就是全局作用域，如果是定义在选择器里面的就是局部作用域，如果定义的是全局作用域，但在选择器里面修改了，那么修改内容只在该选择器里面有用，在外面还是按开始定义的全局作用域来使用
$mycolor:rgba(10,10,10,0.5);
div{$mycolor:green;background-color: $mycolor;
}
p{background-color: $mycolor;
}//编译后
div {background-color: green;
}p {background-color: rgba(10, 10, 10, 0.5);
}

二、嵌套语法：

语法规则：

允许一个选择器直接写在另外一个选择器里面,转成css后会自动形成一个后代元素选择器：

如：
ul{width:500px;height:100px;li{width:100px;height:100%;}
}
编译为css后是这样的：
ul{width:500px;height:100px;
}
ul li{width:100px;height:100%;
}

如果想要使用带冒号的选择器，那么自动转换为后代元素选择器是不可以的，就可以使用嵌套里面的一个符号：&，它能保证在编译的时候选择器之间不再出现空格

例如：
div{background-color: $mycolor;&:hover{background-color: aquamarine;}
}//编译后div{background-color: $mycolor;
}
div:hover{background-color: aquamarine;
}
属性的嵌套：

CSS 属性都有同样的前缀，例如：font-family, font-size 和 font-weight ， text-align, text-transform 和 text-overflow。

在 Sass 中，我们可以使用嵌套属性来编写它们：

例如：
font: {family: Helvetica, sans-serif;size: 18px;weight: bold;
}text: {align: center;transform: lowercase;overflow: hidden;
}
嵌套的使用基本就这些，嵌套是sass的重要一部分，它能是代码更简洁，使代码的结构变得可视化，便于维护代码(css的话选择器乱搁，嵌套好歹能保证选择器在一点的范围内，好修改代码)

三、@import的使用：

@import的作用主要就是导入其它scss文件到另外一个scss文件里面，使一个scss文件能得到另外一scss文件的所有代码，主要用于导入字体、颜色变量存储地的scss代码；

格式: @import "fileName"; //被导入的文件不加拓展名，用引号括起来
//demo1.scss文件
div{background-color:red;width:100px;height:200px;
}//demo2.scss文件
@import "demo1"
a{background-color:green;width:50px;height:100px;
}//编译后demo2.css为:
div{background-color:red;width:100px;height:200px;
}
a{background-color:green;width:50px;height:100px;
}
在编写demo1.scss的时候如果不希望其编译成css代码，那么文件名就可以为_demo1.scss

在文件名前加一个下划线就可以限制scss文件的编译，@import导入时不用加下划线

四、@mixin混入和@include:

@mixin的定义：

无参：

@mixin 混入名{

样式代码；

        }

有参：

        @mixin 混入名($bl1,$bl2,$bl3...){

样式代码；

        }

混入就可以当作c语言里面的函数，封装了一段代码，使用时调用就可以了

@include的定义：

@include只要是用来在一个选择器里面调用混入

格式：@include 混入名；

例如：

@mixin mycolor{color: red;background-color: gray;
}
@mixin mywidth_height($width,$height){width: $width;height: $height;
}
div{@include mycolor();@include mywidth_height(100px,100px );
}//编译后为：
div{color: red;background-color: gray;width: 100px;height: 100px;
}

如果不确定参数有几个，那么就可以使用...来表示，可以里面传多个参数：
@mixin myborder($border...);

五、@extend:

在实际写代码的时候会遇到一个元素的样式代码和另外一个元素的样式很像，如果直接复制粘贴就会太多了，那么就可以使用@extend继承；

格式:@extend 选择器名；

继承后当前选择器就会得到被继承选择器的全部样式

例如：
#box1{width: 100px;height: 100px;background-color: red;position: absolute;left: 0;top:0;
}
#box2{@extend #box1;left: 100px;top: 100px;
}//编译后
#box1, #box2 {width: 100px;height: 100px;background-color: red;position: absolute;left: 0;top: 0;
}#box2 {left: 100px;top: 100px;
}
当重用统一代码时继承和混入编译为css的区别：

@mixin混入：会直接将重复代码进行复制到需要部分

@extend继承：会将需要重复代码的选择器并集到被继承的选择器上

六、注释

注释包括多行注释和单行注释：

多行注释：/* 。。。。。*/

单行注释；//........

多行注释再转成css后还保留，而单行注释会消失

七、if和@if:

if语句的格式：if( expression, value1, value2 )

当表达式成立时返回value1,反之返回value2

例如：
div{color:if(1+1==2,red,green);
}//color值就为red

@if语句的格式：@if(expression){

。。。。。

}@else if(expression){

。。。。。

}

例如：
p {@if $type == 'alert' {color: red;} @else if $type == 'success' {color: green;} @else {color: blue;}
}

八、@for:

@for：用于循环

格式：1、@for $aa from 1 through 4 //意思是$aa变量从1循环到4

2、@for $aa from 1 to 4 //意思是$aa变量从1循环到3，不包后

例如：
@for $i from 1 through 3 {.item-#{$i} { width: 20px * $i; }
}
插值：sass允许对一个选择器等字符串进行插值：#{expression}

总结：

SASS还有多种实用的技术可以学习，这里只是较为基础的部分，详细可以参考下面链接！—— ！

参考文献：Sass 输出样式_w3cschool

Sass基础

目录什么是sass? Sass的安装 Sass的编译 Sass的语法： Sass的基本使用: 一、Sass变量： 二、嵌套语法： 三、import的使用： 四、mixin混入和include: 五、extend: 六、注释七、if和if: 八、for: 总结： 什么是sas…...

编程日记 2025/9/8 1:42:44

Linux文档编辑相关命令详解

Linux文档编辑相关命令 1. grep grep (global regular expression) 命令用于查找文件里符合条件的字符串或正则表达式。 1.1 语法 grep [options] pattern [files] 1.2 常用选项 -i：忽略大小写进行匹配。-v：反向查找，只打印不匹配的行。-…...

编程日记 2025/9/8 1:40:21

*最终效果: * 一共三个文件: main.cpp , FancyCheckbox.h , FancyCheckbox.cpp main.cpp #include <QApplication> #include "FancyCheckbox.h" #include <QGridLayout> int main(int argc, char *argv[]) {QApplication a(argc, argv);QWidget* w new…...

编程日记 2025/9/7 8:07:30

每日学习Java之一万个为什么？[MySQL面试篇]

分析SQL语句执行流程中遇到的问题前言1 MySQL是怎么在一台服务器上启动的2 MySQL主库和从库是同时启动保持Alive的吗？3 如果不是主从怎么在启动的时候保证数据一致性4 ACID原则在MySQL上的体现5 数据在MySQL是通过什么DTO实现的6 客户端怎么与MySQL Server建立连接…...

编程日记 2025/9/8 1:35:45

git笔记

定义：分布式版本控制工具，免费开源的，快速高效的处理从小到大的项目，git占地面积小，性能快，有廉价的本地库安装：官网最新版全部点下一步就行版本控制工具：使用中央服务器&#…...

编程日记 2025/9/8 1:40:20

Full GC 排查

在 Java 中，Full GC（完全垃圾回收）会对整个堆（包括年轻代和老年代，甚至可能包括永久代/元空间）进行垃圾回收，通常会导致较长的停顿（STW，Stop-The-World）。如果…...

编程日记 2025/9/8 1:35:11

VS2022远程调试Ubuntu中的C++程序

前言最近想基于星火大模型的SDK开发第一些应用。但是，发现星火的SDK当中Linux版本的比较丰富，Windows 版本支持的比较少。但是，从调试的IDE而言，Visual Studio又是最方便的。所以，考虑采用Visual Studio Ubuntu的形式…...

编程日记 2025/9/7 13:19:42

Flutter 学习之旅之 flutter 使用 flutter_screenutil 简单进行屏幕适配

Flutter 学习之旅之 flutter 使用 flutter_screenutil 简单进行屏幕适配目录 Flutter 学习之旅之 flutter 使用 flutter_screenutil 简单进行屏幕适配一、简单介绍二、简单介绍 flutter_screenutil 三、安装 carousel_slider 四、简单案例实现五、关键代码六、补…...

编程日记 2025/9/8 1:38:53

【华为OD机考】华为OD笔试真题解析(16)--微服务的集成测试

题目描述现在有n个容器服务，服务的启动可能有一定的依赖性（有些服务启动没有依赖），其次，服务自身启动加载会消耗一些时间。给你一个 n n n \times n nn的二维矩阵useTime，其中useTime[i][i]10表示服务…...

编程日记 2025/9/8 1:35:46

NCCL AI 分布式训练集合通讯库技术基本原理

目录文章目录目录AI 分布式训练NCCL 的简介NCCL 的核心功能NCCL 的基本工作流程NCCL 的集合通信操作方式NCCL 的 API 编程示例 AI 分布式训练在一个最初的 AI 模型训练场景中，由于模型自身的程序体积、输入的参数量以及样本的数据量都比较有限，一张 …...

编程日记 2025/9/8 1:12:31

算法-回溯篇01-组合

组合力扣题目链接题目描述给定两个整数 n 和 k，返回范围 [1, n] 中所有可能的 k 个数的组合。你可以按任何顺序返回答案。解题思路刚开始做回溯的题目，关于回溯的相关知识推荐大家去看代码随想录的视频。做了几道题，感觉回溯题…...

编程日记 2025/9/8 1:36:22

泵吸式激光可燃气体监测仪：快速精准守护燃气管网安全

在城市化进程加速的今天，燃气泄漏、地下管网老化等问题时刻威胁着城市安全。如何实现精准、高效的可燃气体监测，守护“城市生命线”，成为新型基础设施建设的核心课题。泵吸式激光可燃气体监测仪，以创新科技赋能安全监测&#xff0…...

编程日记 2025/9/7 15:49:50

Lumoz Chain正式上线：AI 时代的新算力破局者

新的叙事和技术突破永远是推动行业前行的核心动力。当下，AI Agent无疑是最炙手可热的赛道之一。当加密世界将目光投向AI领域时，大多数项目仍停留在以AI为工具或应用场景的层面，试图通过集成AI模型或优化链上功能来吸引用户。然而&#xff0…...

编程日记 2025/9/8 1:38:54

算法之排序算法

排序算法 ♥常见排序算法知识体系详解♥ | Java 全栈知识体系算法 - 排序 | CS-Notes 面试笔记十大经典排序算法总结 | JavaGuide...

编程日记 2025/9/8 1:35:12

Java面试第七山！《MySQL索引》

一、索引的本质与作用索引是帮助MySQL高效获取数据的数据结构，类似于书籍的目录。它通过减少磁盘I/O次数（即减少数据扫描量）来加速查询，尤其在百万级数据场景下，索引可将查询效率提升数十倍。核心作用：…...

编程日记 2025/9/8 1:32:20

基于 Rust 与 GBT32960 规范的编解码层

根据架构设计，实现编解码层的代码设计 Cargo.toml 加入二进制序列化支持 # 序列化支持 ... bincode "1.3" # 添加二进制序列化支持 bytes-utils "0.1" # 添加字节处理工具开始编码错误处理（error.rs&#x…...

编程日记 2025/9/8 1:33:39

二、Redis 安装与基本配置：全平台安装指南服务器配置详解

Redis 安装与基本配置：全平台安装指南 & 服务器配置详解 Redis 作为高性能的内存数据库，其安装和配置是使用 Redis 的第一步。本篇文章将全面介绍 Redis 的安装方式，覆盖 Windows、Linux、Docker 环境，并详细讲解 Redis 的基础配置，包括持久化、日志、端口设置等。此…...

编程日记 2025/9/8 1:33:40

⭐算法OJ⭐矩阵的相关操作【动态规划 + 组合数学】（C++ 实现）Unique Paths 系列

文章目录 62. Unique Paths动态规划思路实现代码复杂度分析组合数学思路实现代码复杂度分析 63. Unique Paths II动态规划定义状态状态转移方程初始化复杂度分析优化空间复杂度状态转移方程 62. Unique Paths There is a robot on an m x n grid. The robot is initially lo…...

编程日记 2025/9/4 0:12:52

基于 Elasticsearch 和 Milvus 的 RAG 运维知识库的架构设计和部署落地实现指南

最近在整理一些业务场景的架构设计和部署落地实现指南先放一个【基于RAG的运维知识库 (ElasticSearch + Milvus) 的详细实现指南】，其中包含了详尽的技术实现细节、可运行的示例代码、原理分析、优缺点分析和应用场景分析。架构描述：基于RAG的运维知识库 (ElasticSearch…...

编程日记 2025/8/31 20:38:33

山西青年杂志山西青年杂志社山西青年编辑部2025年第3期目录

青年争鸣教师发展中心行动转向的价值意蕴分析框架研究与启示于宝证;李军红;郑钰莹;何易雯; 产教融合视角下职业本科工商管理专业人才培养模式探析杜芯铭; 青年教育研究教育数字化背景下高职院校的课堂教学研究张晨; 统筹职业教育、高等教育、继续教育协同…...

编程日记 2025/9/5 18:44:13

使用Truffle、Ganache、MetaMask、Vue+Web3完成的一个简单区块链项目

文章目录概要初始化Truffle项目创建编写合约编译合约配置Ganache修改truffle-config.js文件编写迁移文件部署合约使用Truffle 控制台使用MetaMask和VueWeb3与链交互概要使用Truffle、Ganache、MetaMask、VueWeb3完成的一个简单区块链项目。初始化Truffle项目安装好truf…...

编程日记 2025/9/5 19:35:23

【GenBI优化】提升text2sql准确率：建议使用推理大模型，增加重试

引言 Text-to-SQL（文本转 SQL）是自然语言处理（NLP）领域的一项重要任务，旨在将自然语言问题自动转换为可在数据库上执行的 SQL 查询语句。这项技术在智能助手、数据分析工具、商业智能（BI）平台等领域具有广泛的应用前景，能够极大地降低数据查询和分析的门槛，让非技术用…...

编程日记 2025/9/5 18:58:00

LLVM - 编译器前端 - 学习将源文件转换为抽象语法树（二）

一：处理消息在一个庞大的软件（比如编译器）中，我们不希望将消息字符串分散在各个地方。如果需要修改消息内容或将其翻译成另一种语言，最好将它们集中存放在一个地方！目前缺少的是对消息的集中定义。下面我们看看来如何实现它。一种简单的方法是，每条消息都有一个 ID（一…...

编程日记 2025/9/3 4:52:37

T-SQL 语言基础： SQL 数据库对象元数据及配置信息获取

目录介绍目录视图获取表和架构名称获取列信息信息架构视图获取表信息获取列信息系统存储过程和函数获取对象列表获取对象详细信息获取约束信息获取数据库属性信息总结引用介绍在 SQL 数据库管理中，获取数据库对象的元数据信息是至关重要的。元数据提供了…...

编程日记 2025/9/7 11:42:38

基于vue框架的游戏博客网站设计iw282（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。

系统程序文件列表项目功能：用户,博客信息,资源共享,游戏视频,游戏照片开题报告内容基于FlaskVue框架的游戏博客网站设计开题报告一、项目背景与意义随着互联网技术的飞速发展和游戏产业的不断壮大，游戏玩家对游戏资讯、攻略、评测等内容的需求日…...

编程日记 2025/9/4 13:36:23

批量提取 Word 文档中的页面

如何将 Word 文档中的页面提取出来形成一个新的文档呢？比如将 Word 文档中的第一页提取出来、将 Word 文档中的最后一页提取出来、再或者将 Word 文档中的中间几页提取出来等等。人工的处理肯定非常的麻烦，需要新建 Word 文档，然后将内容复制…...

编程日记 2025/9/4 11:31:01

本地大模型编程实战(26)用langgraph实现基于SQL数据构建的问答系统(5)

本文将将扩展上一篇文章完成的 langgraph 链，继续使用基于 langgraph 链 ，对结构化数据库 SQlite 进行查询的方法。该系统建立以后，我们不需要掌握专业的 SQL 技能，可以用自然语言询问有关数据库中数据的问题并返回答案。主要完善…...

编程日记 2025/9/5 12:10:59

csrf与ssrf学习笔记

一、CSRF（Cross-Site Request Forgery） 1. 定义攻击目标：利用用户已登录的合法身份，在用户不知情的情况下发起恶意请求。核心条件：受害者需已登录目标系统，且浏览器会自动携带身份凭证（如 C…...

编程日记 2025/9/5 3:24:07

安装Maven配置阿里云地址详细教程

下面以安装Maven公认最稳定版本（使用最多）3.6.1为例 1、访问maven官网 Maven官网直接跳转Maven3.6.1 Maven3.6.1 2、点击下载跳转页面后继续单击 Maven 3 archives 下载后解压放到自己的软件目录下 ~ 2.配置本地仓库在目录下创建repo文件夹 &…...

编程日记 2025/9/4 8:38:41

我的世界1.20.1forge模组开发进阶物品（7）——具有动画、3D立体效果的物品

基础的物品大家都会做了对吧？包括武器的释放技能，这次来点难度，让物品的贴图呈现动画效果和扔出后显示3D立体效果，这个3D立体效果需要先学习blockbench，学习如何制作贴图。 Blockbench Blockbench是一个用于创建和编辑三维模型的免费软件，特别适用于Minecraft模型的设计…...

编程日记 2025/9/6 2:22:35

火语言RPA--PDF提取表格

【组件功能】：提取PDF文档指定位置表格配置预览配置说明文件路径支持T或# 默认FLOW输入项待提取表格的PDF文件的完整路径。提取位置全部、指定页、指定范围3种位置供选择。 PDF文件密码支持T或# 打开PDF文件的密码。页码支持T或# 提取指定页的页…...

编程日记 2025/8/30 17:47:55

【开源-线程池（Thread Pool)项目对比】

一些实现**线程池（Thread Pool）**功能的开源项目的对比分析。线程池功能的开源项目项目名称语言优点缺点适用场景开源代码链接ThreadPoolC简单易用，代码简洁；适合快速原型开发。功能较为基础，不支持动态调整线程数…...

编程日记 2025/9/5 16:16:31

JavaScript系列05-现代JavaScript新特性

JavaScript作为网络的核心语言之一，近年来发展迅速。从ES6(ECMAScript 2015)开始，JavaScript几乎每年都有新的语言特性加入，极大地改善了开发体验和代码质量。本文主要内容包括： ES6关键特性：解构赋值与扩展运算符&am…...

编程日记 2025/9/7 10:03:59

【二.提示词工程与实战应用篇】【3.Prompt调优：让AI更懂你的需求】

最近老张在朋友圈秀出用AI生成的国风水墨画，隔壁王姐用AI写了份惊艳全场的年终总结，就连楼下小卖部老板都在用AI生成营销文案。你看着自己跟AI对话时满屏的"我不太明白您的意思"，是不是怀疑自己买了台假电脑？别慌，这可能是你的打开方式不对。今天咱们就聊聊这个…...

编程日记 2025/8/23 9:10:37

C++学习之C++初识、C++对C语言增强、对C语言扩展

一.C初识 1.C简介 2.第一个C程序 //#include <iostream> //iostream 相当于 C语言下的 stdio.h i - input 输入 o -output 输出 //using namespace std; //using 使用 namespace 命名空间 std 标准 ，理解为打开一个房间，房间里有我们所需…...

编程日记 2025/8/16 10:30:05

基于eRDMA实测DeepSeek开源的3FS

DeepSeek昨天开源了3FS分布式文件系统, 通过180个存储节点提供了 6.6TiB/s的存储性能, 全面支持大模型的训练和推理的KVCache转存以及向量数据库等能力, 每个客户端节点支持40GB/s峰值吞吐用于KVCache查找. 发布后, 我们在阿里云ECS上进行了快速的复现, 并进行了性能测试, ECS…...

编程日记 2025/9/6 19:49:54

写Oracle表耗时25分钟缩短到23秒——SeaTunnel性能优化

本文主要给大家介绍JDBC Source批处理任务动态切分优化，希望大家批评指正 JDBC Source 如果配置了table_path 和 partition_column，引擎会对数据进行动态切分，可以通过分析样本数据优化切分区间，规避数据倾斜问题。目前发现任务…...

编程日记 2025/9/3 8:52:16

Golang的图形用户界面设计

一、Golang图形用户界面设计的基本概念了解Golang 也称为Go语言，是一种由Google开发的开源编程语言。它具有良好的并发性，能够更好地利用多核处理器，同时也拥有丰富的标准库和强大的工具链。什么是图形用户界面图形用户界面（GU…...

编程日记 2025/9/6 18:34:16

蓝桥杯备赛Day12 动态规划1基础

动态规划动态规划基础动态规划将复杂问题分解成很多重叠的子问题，再通过子问题的解得到整个问题的解分析步骤: 确定状态:dp[i][j]val,“到第i个为止，xx为j的方案数/最小代价/最大价值” 状态转移方程: 确定最终状态要求: (1)最优子结构 (2)无后效性…...

编程日记 2025/9/4 19:51:46

我的AI工具箱Tauri版-通用音频转文本

本模块支持FunAsr和FasterWhisper两种模式，可批量处理音频与视频文件，自动生成txt文本与srt字幕，满足多种应用场景需求。工具内置FunAsr，无需额外参数调整，特别适用于中文语音的高质量转录，确保识别准确率…...

编程日记 2025/9/3 18:42:26

C#—Settings配置详解

C#—Settings配置详解在C#项目中，全局配置通常指的是应用程序的设置（settings），这些设置可以跨多个类或组件使用，并且通常用于存储应用程序的配置信息，如数据库连接字符串、用户偏好设置等。 Settings配置…...

编程日记 2025/9/3 7:07:28

机器学习算法——分类任务

算法： 1、决策树 2、随机森林 3、梯度提升树 4、逻辑回归 5、支持向量机SVM 6、K近邻 KNN 7、朴素贝叶斯 8、多层感知机 9、统一分类 10、比较总结 11、完整代码 1、决策树 1.1 Decision Tree Analysis (C4.5,CART,CHAID)决策树算法树结构特征选择连续值处理缺失…...

编程日记 2025/9/3 18:06:56

聆听PostgreSQL数据库的使用

参考：（1）零基础入门PostgreSQL教程 （2）菜鸟教程文章目录一、PostgreSQL是什么？二、基本使用1.下载2.操作（1）数据库（2）表一、PostgreSQL是什么？…...

编程日记 2025/9/2 11:25:19

C# 装箱（Boxing）与拆箱（Unboxing）

C# 装箱（Boxing）与拆箱（Unboxing） 在 C# 中，装箱和拆箱是与值类型（如结构体）和引用类型（如类）之间的转换相关的操作。它们是类型系统的一部分，但如果不正确使…...

编程日记 2025/9/3 7:27:03

vue实例

// vue应用通过createApp函数创建一个新的应用实例，相当于根组件 import { createApp } from vue import App from ./App.vue // 在一个vue项目当中，有且只有一个vue的实例对象 const appcreateApp(App) // App:根组件 // 实例必须调用了.mount&am…...

编程日记 2025/9/3 3:42:09

Spring Boot的启动流程

Spring Boot 的启动流程是一个复杂且有序的过程： 创建SpringApplication实例 — 调用run方法 — 启动完成(发布应用启动事件，配置环境，创建ApplicationContext，准备ApplicationContext，刷新ApplicationContext[【创建B…...

编程日记 2025/9/5 0:29:31

springboot整合pagehelper实现mybatis分页

1.依赖 <dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>1.4.0</version></dependency><dependency><groupId>com.github.pagehelper<…...

编程日记 2025/9/7 17:09:28

Qt信号与槽机制

‌Qt信号与槽机制（Signal and Slot Mechanism）‌是Qt框架中用于对象间通信的一种机制。信号和槽是Qt的核心特性之一，它们允许对象在特定事件发生时发送信号，并由其他对象通过槽函数进行响应。这种机制不仅简化了对象间的通信&…...

编程日记 2025/9/7 16:44:06

Qt空项目代码解释

一、背景创建的是一个 QWidget 项目。二、main.cpp 1、图片 2、代码解释 （1）QApplication Qt 图形化界面中一定有 QApplication （2）Widget w; 是 QWidget 的子类。 （3）w.show(); 继承父类的显示…...

编程日记 2025/9/5 7:45:09

【Git】版本控制系统Git命令详解

2024.06.06 2024.06.06\ 2024.06.06 Resources 强推：Pro Git - Book (git-scm.com).中文版. 强烈推荐网址：https://learngitbranching.js.org/?localezh_CN. LearnGit Game： 基础（Git 主要命令） Git Commit&#…...

编程日记 2025/9/8 0:54:59

什么是sass?

Sass的安装

Sass的编译

Sass的语法：

Sass的基本使用:

一、Sass变量：

二、嵌套语法：

三、@import的使用：

四、@mixin混入和@include:

五、@extend:

六、注释

七、if和@if:

八、@for:

总结：

相关文章：