- 博客(69)
- 收藏
- 关注
RSS订阅原创 async,await
executor必须是一个函数resolve（成功回调）和reject（失败回调）。箭头函数只是executor的 “写法之一”，不是 “语法要求”。
2025-11-22 15:08:29
882
原创 sql语法规范1
语法规则用户变量以开头，无需提前声明，直接赋值使用；赋值必须用:=仅用于条件判断，不能赋值）；初始化变量可通过SELECT @变量名 := 初始值实现。易错对比错误写法（判断相等）正确写法（赋值）
2025-11-19 22:47:12
439
1
原创 sql查询互相关注
筛选出所有 “当前用户参与的关注关系”（包括 “当前用户关注别人” 和 “别人关注当前用户”）。作用：只保留与当前用户相关的记录（要么是当前用户关注别人，要么是别人关注当前用户）。因互相关注会产生两条重复的好友记录（A→B 和 B→A），用。作用：排除 “自己关注自己” 的无效记录（按好友 ID 和用户名分组，合并重复项。如何查询一张关注表中和用户互相关注的用户。表示 “不等于”）。
2025-11-18 23:15:41
407
原创 Flex布局
Flex 布局（Flexible Box）是 CSS 中用于灵活排列元素的布局模型，核心是通过和的属性控制，实现自适应、对齐、分布等效果。
2025-10-22 10:45:04
298
原创 flex: 0 0 calc(33.333% - 10px)
让每个子元素固定占父容器 1/3 宽度（减去间距），不拉伸、不收缩，从而保证一行刚好放 3 个，多出来的自动换行。如果去掉calc(...)中的-10px，可能会因为间距导致 3 个元素总宽度超过父容器，第 3 个元素会被挤到下一行，所以这个计算是必要的～
2025-10-22 10:43:28
330
原创 css总结
所有 HTML 元素都被视为一个「盒子」，盒模型决定元素的尺寸计算方式。选择器用于定位 HTML 元素，是 CSS 的核心功能之一。使页面在不同设备（手机、平板、PC）上自适应显示，核心是。现代布局首选方案，通过设置父元素为。控制元素在页面中的位置，常用属性。示例：固定在屏幕右上角的按钮。更复杂的自定义动画，需定义。早期常用的布局方式，通过。
2025-10-19 16:28:25
544
原创 js，后端，css记录
后端添加 CORS 配置，允许前端域名访问。：使用 MyBatis 插入数据时，需要获取数据库自动生成的主键（如。：前端上传图片时，通过 URL 参数或 JSON 传递。，最终通过实例调用组件内部暴露的方法或访问属性。），用于后续关联操作（如插入子表数据）。：在 Mapper XML 中配置。对象，但数据库中实际存储外键。错误，提示参数格式错误。在 Vue3 中，通过。插入后，通过实体类的。，插入时报 “未知列。
2025-10-19 16:23:02
371
原创 一对多，多对一，外键
实体（即这张图片属于哪一个图文）。通过这个字段，可以从图片反向获取其所属的图文信息。会被自动从数据库中删除（相当于 “孤儿删除”：脱离父实体的子实体被自动清理）。）是关联关系的 “一” 方，对应的 “多” 方是。）是关联关系的 “多” 方，对应的 “一” 方是。执行增删改操作时，会自动对关联的。：表示关联关系的 “维护权” 在。（多个图片可以属于同一张图文）。只是声明 “由对方维护关联”。（一张图文可以有多个图片）。这行代码声明了 Tuwen。这行代码声明了 Image。：配置级联操作，当对。
2025-10-19 10:51:10
395
原创 img在设置position:absolute元素中的定位问题
为什么我的div在父容器的div中使用display:absolute然后里面的img要设置成display:block才能正常显示在我的div区域内并且还不在中心的区域这个问题涉及到 absolute和。
2025-10-06 13:44:15
295
原创 css样式学习记录
display:flex 弹性布局默认在一行（主轴显示）padding：0 有的时候你发现无论怎么样都会由边距，可以试一下这个line-height:1.2 可以拿来设置行高flex-wrap: wrap 超出宽度时文字可以自动换行object-fit: cover 对元素进行缩放，用于imgposition:flex 将元素固定在屏幕的一个区域将元素变成块级垂直居中可以取消img在div中的留白为内部绝对定位元素（如插画、表单）提供基准确保它在最底层，不遮挡其他内容。
2025-10-04 19:44:47
226
原创 关于maven编译没把resources资源包含进target目录
静态资源等）—— 因为这个目录是 Java 程序默认的 “类路径（Classpath）根目录”，所有编译后的代码（（这是 Maven/Gradle 等构建工具的 “约定”—— 将源码 / 资源编译为 “可运行的产物”）。是 “成品仓库”，服务只会从 “成品仓库” 取货，不会直接去 “原料仓库”。一般来说处了yml配置没正确外，就是pom中没包含正确的构建资源的目录。文件）和资源文件都在这里，服务只能识别这个目录下的资源。下的所有资源文件（静态资源、配置文件等）是后端服务实际 “读取资源” 的目录。
2025-09-23 20:23:43
419
原创 面试前端遇到的问题
首先要知道setTimeout是一个异步的任务触发器，它的目的是告诉浏览器几秒后去把回调函数放到任务队列中等待执行，它本身不会让主线程停下来等 3 秒。Promise 是 JavaScript 中用于处理异步操作的对象，它代表一个异步操作的最终完成（或失败）及其结果值。当时就蒙了，什么东西，为什么要用promise。创建 Promise 时，它的初始状态就是。，直到 executor 函数内部调用了。面试官就和我说不是这个，用promise。该函数可以帮助让创建的promise。写了十几分钟没写出来。
2025-09-16 18:59:09
367
原创 springboot框架使用websocket实现一个聊天室的细节
项目基于 Spring Boot + WebSocket + JPA/MyBatis-Plus。
2025-09-09 22:17:45
793
原创 阿里云centos7-mysql的使用
在阿里云中服务器的防火墙中开启数据库服务端口默认3306。登录到 MySQL 服务器。且在此界面也开启相应的端口。查看数据库的服务状态。
2025-09-09 10:56:57
436
原创 css样式学习记录
是 CSS 中的一个属性，它将一个容器设置为弹性盒子（flex container），使其子元素（弹性项目，flex items）能够以灵活的方式排列。是 Flexbox 布局（弹性盒子布局）的一个属性值，用于设置弹性容器中弹性项目（flex items）在侧轴（cross axis）上的对齐方式。是 CSS 中用于开启 ** 弹性盒布局（Flexbox Layout）** 的声明 该元素的。是一个非常实用的 CSS 声明，可以帮助你轻松实现元素的水平居中对齐。是 CSS 的一个属性，用于。
2025-09-09 10:55:21
324
原创 Jpa操作数据库
@Entity：用于标记一个类为JPA实体类，表示这个类将映射到数据库表。示例：@Entity@Table：用于指定实体类映射到的数据库表名。示例：@Table(name = "categories")@Id：用于标记实体类中的主键字段。示例：@Id@GeneratedValue：用于指定主键的生成策略。示例：@GeneratedValue(strategy = GenerationType.IDENTITY)，表示主键由数据库自动生成。@Column：用于指定实体类中的字段映射到数据库表的列。示例：@
2025-09-09 10:54:07
971
原创 Mybatis学习笔记
MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原生类型、接口和 Java POJO（Plain Old Java Objects）为数据库中的记录。
2025-09-09 10:52:29
810
原创 后端发送邮件实现认证
1. spring.mail.host=smtp.gmail.comspring.mail.port=587spring.mail.username=your-email@gmail.comspring.mail.password=your-email-passwordspring.mail.properties.mail.smtp.auth=truespring.mail.properties.mail.smtp.starttls.enable=true内存数据库（In-Memory Datab
2025-06-26 15:19:59
1378
原创 vue3实践3
是 JavaScript 中数组的一个内置方法，用于根据指定的条件过滤数组中的元素。：计算属性是惰性的，只有当它的依赖发生变化时，才会重新计算。箭头函数是 ES6 引入的一种更简洁的函数写法，通常用于简化代码。组件是 Vue Router 的一个特殊组件，用于显示与当前路由匹配的组件。是 Vue.js 提供的一个函数，用于定义计算属性。：创建一个使用 Vue 3 和 TypeScript 的项目。组件是 Vue Router 提供的，用于创建可导航的链接。返回值：一个新的数组，包含所有满足条件的元素。
2025-06-26 15:17:10
596
原创 持久化存储你的 Pinia 状态
是 Pinia 的一个插件，用于（state），让数据在页面刷新或关闭后依然保留（通常存储在 localStorage 或 sessionStorage）。
2025-06-26 15:12:17
587
原创 Vue3实践2
在子组件（被插入的组件）中，你可以使用<slot>标签来定义一个或多个插槽。你可以为插槽指定一个名称，也可以定义一个默认内容，当父组件没有提供相应的插槽内容时显示默认内容。
2025-06-13 12:40:02
928
原创 python语法学习
2.__init__方法__init__是类的构造方法，用于初始化类的实例。self是类实例的引用，用于访问类的属性和方法。类中的方法是类的功能实现，通过def定义。这是一个 Python 的特殊语法，表示如果当前脚本被直接运行（而不是被导入为模块），则执行以下代码。
2025-05-24 21:59:36
583
原创 Spring boot 学习笔记2
JPQL 是 Java Persistence Query Language 的缩写，它是 JPA（Java Persistence API）的一部分，用于操作持久化实体的查询语言。依赖注入（Dependency Injection, DI）是 Spring 框架的核心功能之一，它允许你将对象的依赖关系由 Spring 容器来管理，而不是在对象内部直接创建或查找这些依赖。它是一个核心注解，用于替代传统的 XML 配置文件，提供了一种基于注解的方式来定义 Spring 容器中的 Bean 和配置信息。
2025-05-19 20:32:37
936
1
原创 Python线程池
线程池是一种用于管理和复用线程的机制，可以提高程序的性能和效率。提供了一个高级的线程池接口，使得线程池的使用变得非常简单。Python 的标准库。
2025-05-15 11:33:03
280
原创 Linux常用命令
这个命令用于列出当前系统上所有处于监听状态的 TCP 和 UDP 端口，以及相关的进程信息。sudo：以超级用户权限执行后面的命令，因为查看进程信息通常需要更高的权限。ss：是一个用于检查套接字统计信息的工具，它比netstat更快且更高效。-t：显示 TCP 端口。-u：显示 UDP 端口。-l：显示监听状态的套接字。-n：直接使用 IP 地址，不进行域名解析。-p：显示监听端口对应的进程信息（需要足够的权限）。：管道符，将前一个命令的输出作为后一个命令的输入。
2025-05-15 11:32:46
292
原创 ngnix和服务器防火墙的一些命令和操作
nohup java -jar your-spring-boot-app.jar & //让程序在后台运行 //加上&符号即可。若需要移除指定端口可使用命令：firewall-cmd --permanent --remove-port=XXX/tcp.firewall-cmd --add-port=1986/tcp --permanent #将1986端口开放。sudo chmod -R 755 /root/vue-app/dist/ //修改权限。
2025-05-15 11:32:26
270
原创 Linux下mysql的一些基本命令和操作
命令用于启动一个服务。它会立即启动指定的服务，但不会影响服务在系统启动时的行为。命令用于启用一个服务，使其在系统启动时自动启动。MySQL 的错误日志，通常位于。
2025-05-15 11:32:00
122
原创 关于pom中引入本地的jar包，在打包时如何包含进去
我的lib有一个jar包，在pom中也包含了依赖，本地运行时没有问题，但是一旦打包上传服务器就会出现找不到相关的依赖。经过查询发现如果想要相关依赖包含到打包的文件中还需要进行一行配置。它的含义是指示 Maven 是否包含系统范围（
2025-05-15 10:47:25
472
原创 git和github的使用指南
如果无法克隆仓库的代码，要先把git的ssh公钥在github中配置。一般来说1，2步骤如果是初次的化执行第二个就行，无需建立本地仓库。
2025-04-26 21:30:07
1042
原创 服务器配置nginx代理
在http中进行如上配置，主要是server中的内容。注意如在阿里云服务器中需开启对应的安全组端口。将vue项目进行构建生成dist文件夹。进入 /etc/nginx文件夹。配置完成后重新启动nginx即可。查看所有关于nginx的目录。在云服务器安装nginx。重新启动nginx的命令。
2025-04-23 11:34:47
249
原创 springboot学习笔记1
是 Java 中的一个接口，属于 Java 集合框架（Java Collections Framework）的一部分。它用于表示一个有序的集合，其中可以包含重复的元素。它封装了分页信息和查询结果，提供了对分页数据的访问和操作能力。接口是 Spring Data JPA 提供的一个非常强大的工具，用于处理分页和排序功能。如：@NotBlank,//不能有空格 @email的格式，还要加上@Validated。注意对应的数据类型的使用，比如整型不能使用@NotBlank。类的泛型，接口的泛型，泛型方法。
2025-04-21 10:40:11
399
原创 Python爬虫入门
lxml中的xpath('//表示跟标签/表示跟标签下的标签[contains(@属性:"属性值")]')爬虫需要用到HTTP 请求的库、HTML/XML 解析的库、用于处理动态内容的库等。使用 from lxml import etree 将获取的r解析成html格式。首先通过get请求url,包括头信息和关键字。头信息是为了伪装成用户取访问该url。如request,lxml。通过定位获取具体的块的信息。.text()获得正文内容。可以修改获得的内容的编码。
2025-04-18 17:55:42
1054
原创 刷题笔记，语法，理解
由于需要有一个0，就需要乘一个10，也就是一个2，一个5，又因为每两个数就会有一个数有一个2的因数，每五个数就会有一个5的因数，所以2的因数>五的因数，只需计算n!有时候知道要回溯，感觉也正确回溯了，但是没有得到正确的答案，可以检查是否存在遇到特殊情况直接返回导致没有回溯。）是一种非常灵活的初始化方式，它被广泛应用于数组、结构体、类以及标准库容器等的初始化。此处的1<<10如果不加括号算出的是511，加括号算出的是1023，天差地别。（1）在遇到需要回溯的情况时，因为特殊情况之间返回导致没有回溯。
2025-04-12 22:25:04
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人