- 博客(181)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS vertical-align与line-height
基线是文字排版的基础参考线，大多数字母（如xa）的底部对齐基线非字母字符（如gy）的下伸部分会低于基线。
2025-06-06 13:31:29
555
原创 CSS网格布局Grid
它比传统的布局方式（如浮动、定位）更灵活、更强大，适合构建复杂的响应式网页。CSS Grid 是一种强大的二维布局系统，能够以行和列的方式精确控制。当项目超出定义的网格范围时，浏览器会自动创建隐式网格。（行间距 20px，列间距 30px）。（最小 100px，最大 1fr）。：一个或多个单元格组成的矩形区域。是二维布局的革命性工具，擅长构建。（重复 3 列，每列宽度相等）。：定义行和列之间的间距（替代。（行和列间距均为 10px）。（从第 1 列到第 3 列）。：划分网格的垂直线和水平线。
2025-06-06 13:11:11
604
原创 一文搞懂flex（弹性盒布局）
Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。她是一种现代的CSS布局方式，通过使用display: flex属性来创建一个弹性容器，可以自动适配各种设备的不同宽度，而不必依赖于传统的块状布局和浮动定位，并在其中使用灵活的盒子模型来进行元素的排列和定位。在浏览器支持完美的环境中，选择使用弹性盒子的原因是你希望把一系列项目沿着同一方向布局。
2025-06-04 11:06:18
647
原创 深入理解CSS弹性布局中的flex-basis属性
在现代网页设计中，弹性布局（Flexbox）已成为实现响应式设计的首选。它允许元素在容器内灵活地伸缩以适应不同的屏幕尺寸和内容需求。flex-basis作为弹性布局中的重要属性之一，对元素的基础尺寸起着决定性作用。flex-basis 属性是实现CSS弹性布局的关键工具之一。它不仅可以帮助我们处理内容自适应的场景，还可以通过其与 min-width 、 max-width 属性的互动，实现更复杂的布局需求。
2025-06-04 10:29:55
868
原创 el-select自定义指令用于触底加载分页请求options数据（附上完整代码和接口可直接用）
/ 获取滚动容器 DOMif (!console.warn('未找到下拉选择框的滚动容器');return;// 防抖处理滚动事件// 预留 6 像素的位置用于触底检测// 触发外部传入的回调}, 170);// 绑定滚动事件// 存储引用以便后续解绑handle},// 检查指令是否有存储的引用// 移除事件监听器// 清理存储的引用// 辅助函数：查找下拉选择框的滚动容器// 尝试直接查找。
2025-06-03 10:46:04
292
原创 Flexbox中的flex-shrink和flex-grow属性
决定了在空间不足时的相对收缩权重。默认值为1，可以设置为0来禁止收缩。灵活使用能实现更复杂且自适应的布局。flex-growflex-grow决定了在空间有多余时的相对伸展权重。默认值为0，可以设置为正数来分配剩余空间。合理使用flex-grow可以让页面元素在不同屏幕宽度下保持良好的自适应性。
2025-06-02 16:41:18
906
原创 CSS选择器的进阶使用：nth-child和nth-of-type
在前端开发中，CSS选择器的运用是构建网页样式的基石。从简单的类选择器和ID选择器，到更复杂的属性选择器，CSS提供了多种选择元素的方式。在本篇博客中，我们将深入探讨CSS中的:nth-child和:nth-of-type伪类，这两种选择器让我们能够基于元素在父元素中的位置，进行更精细的样式控制。
2025-06-02 16:12:08
182
原创 vue项目启动不显示Network，及Network无法访问的问题
在vue.config.js（或者配置config了的，就在config下的index.js ）文件下设置devServer中的public属性值需要修改为自己电脑 IPV4 地址 ,获取IPV4 地址方法，Win + R 打开运行窗口，输入 ipconfig 回车后会出现一串信息，复制IPV4 地址即可。调试地址，但是无法访问，还需设置一下vue.config.js 和 package.json 文件。文件中 scripts 下的 dev 或者 serve 后面加上 --host 0.0.0.0。
2025-05-30 11:48:59
282
原创 vue的h函数（在 Vue 2中也称为 createElement）理解
摘要：h函数是Vue中用于创建虚拟节点(VNode)的核心API，接收元素类型、属性和子节点三个参数。它支持手动编写灵活的渲染逻辑，适用于组件库开发、性能优化等场景。Vue2中使用createElement，Vue3直接引入h函数。其原理是通过规范化参数并构建VNode对象，配合diff算法实现高效DOM更新。常见应用包括动态内容渲染、JSX转换和无模板组件开发，能精确控制DOM结构并优化渲染性能。（149字）
2025-05-29 09:16:57
974
原创 flvjs-播放视频、实时视频使用
flv.js 是一个基于 HTML5 Video 标签和 Media Source Extensions（MSE）实现的纯 JavaScript FLV 视频播放库。它允许用户在浏览器中直接播放 FLV 格式的视频，而不需要安装额外的插件。该库的目标是提供一个轻量、易用且功能强大的解决方案来处理 FLV 视频。flv.js 的核心原理是利用 MSE API 将 FLV 流分段加载并传递给 Video 标签。
2025-05-23 14:17:42
574
原创 Javaweb:在resources下编辑配置文件出现http://mybatis.org/dtd/mybatis-3-mapper.dtd报红如何解决
这个报红说的是我们的URL没有注册。1、打开File下的settings。3、添加完URL之后就不会报红了。2、添加URL的完整步骤。
2025-05-21 09:02:13
134
原创 Vue2项目中使用videojs播放mp4视频
在Vue组件的mounted钩子中，使用videojs初始化了播放器。将video标签传递给videojs构造函数，并在构造函数中传递了一些选项。然后，通过src方法将本地.mp4文件加载到播放器中，并使用play方法自动播放。在上面的示例中，首先引入videojs和video.js的CSS文件。然后创建了一个video标签，并使用ref属性来引用它。在组件销毁之前，使用了beforeDestroy钩子来销毁videojs播放器，以避免内存泄漏问题。
2025-05-16 15:07:51
465
原创 idea常用必备快捷键和实用配置
File–->settings–->appearance & behavior–->system settings–>updates>点击automatically check updates的选中框去掉打钩选中，最后保存就完成自动检查更新关闭了。在 Debug 模式下，进入下一步，如果当前行断点是一个方法，则进入当前方法体内，如果该方法体还有方法，则不会进入该内嵌的方法中。在 Debug 模式下，下一步，进入当前方法体内，如果方法体还有方法，则会进入该内嵌的方法中，依此循环进入。
2025-05-15 10:52:22
1957
原创 七、MyBatis-Plus高级用法：最优化持久层开发
课程版本：3.5.3.1（简称 MP）是一个MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，更有强大的条件构造器，满足各类使用需求支持 Lambda 形式调用。
2025-05-12 11:18:20
985
原创 六、快速启动框架：SpringBoot3实战
课程使用SpringBoot版本：3.0.5到目前为止，你已经学习了多种配置Spring程序的方式。但是无论使用XML、注解、Java配置类还是他们的混合用法，你都会觉得配置文件过于复杂和繁琐，让人头疼！SpringBoot 帮我们简单、快速地创建一个独立的、生产级别的Spring 应用（说明：SpringBoot底层是Spring），大多数 SpringBoot 应用只需要编写少量配置即可快速整合 Spring 平台以及第三方技术！为所有 Spring 开发提供更快速、可广泛访问的入门体验。
2025-05-12 11:07:47
1078
原创 五、框架实战：SSM整合原理和实战
微观：将学习的Spring SpringMVC Mybatis框架应用到项目中!宏观：Spring接管一切（将框架核心组件交给Spring进行IoC管理），代码更加简洁。实施：通过编写配置文件，实现SpringIoC容器接管一切组件。两个容器本质上说，整合就是将三层架构和框架核心API组件交给SpringIoC容器管理！一个容器可能就够了，但是我们常见的操作是创建两个IoC容器（web容器和root容器），组件分类管理！这种做法有以下好处和目的：总的来说，初始化两个容器在SSM整合中可以实现关注点分离、解耦
2025-05-12 11:00:53
572
原创 四、SpringMVC实战：构建高效表述层框架
Spring Web MVC是基于Servlet API构建的原始Web框架，从一开始就包含在Spring Framework中。正式名称“Spring Web MVC”来自其源模块的名称（），但它通常被称为“Spring MVC”。在控制层框架历经Strust、WebWork、Strust2等诸多产品的历代更迭之后，目前业界普遍选择了SpringMVC作为Java EE项目表述层开发的首选方案。Spring 家族原生产品，与IOC容器等基础设施无缝对接表述层各细分领域需要解决的问题全方位覆盖，提供。
2025-05-12 10:52:18
809
原创 三、MyBatis实践：提高持久层数据处理效率
MyBatis最初是Apache的一个开源项目iBatis, 2010年6月这个项目由Apache Software Foundation迁移到了Google Code。随着开发团队转投Google Code旗下， iBatis3.x正式更名为MyBatis。代码于2013年11月迁移到Github。MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。
2025-05-12 10:35:57
1474
原创 二、SpringFramework实战指南
单一架构一个项目，一个工程，导出为一个war包，在一个Tomcat上运行。也叫all in one。单一架构，项目主要应用技术框架为：Spring , SpringMVC , Mybatis分布式架构一个项目（对应 IDEA 中的一个 project），拆分成很多个模块，每个模块是一个 IDEA 中的一个 module。每一个工程都是运行在自己的 Tomcat 上。模块之间可以互相调用。每一个模块内部可以看成是一个单一架构的应用。分布式架构，项目主要应用技术框架：SpringBoot (SSM), Spri
2025-05-12 10:25:30
721
原创 高效构建Java应用：Maven入门和进阶
Maven 是一款为 Java 项目构建管理、依赖管理的工具（软件），使用 Maven 可以自动化构建、测试、打包和发布项目，大大提高了开发效率和质量。总结：Maven就是一个软件，掌握软件安装、配置、以及基本功能（项目构建、依赖管理）使用就是本课程的主要目标！核心点掌握目标安装maven安装、环境变量、maven配置文件修改工程创建gavp属性理解、JavaSE/EE工程创建、项目结构依赖管理依赖添加、依赖传递、版本提取、导入依赖错误解决构建管理构建过程、构建场景、构建周期等。
2025-05-12 09:51:20
925
原创 Ant Design Vue 的表格数据，第一列项目区域，项目区域相同的行数据，第一列项目区域合并
通过上述方法，你可以轻松实现 Ant Design Vue 表格中根据“项目区域”动态合并单元格的功能。如果有其他需求或问题，请随时补充说明！在 Ant Design Vue 的表格中，如果需要根据第一列（如“项目区域”）的值进行动态合并，可以通过。以下是完整的代码示例，展示如何根据“项目区域”相同的行数据，合并第一列单元格。
2025-04-16 15:47:52
386
原创 Could not retrieve mirrorlist http://mirrorlist.centos.org/?release=7&arch=x86_64&repo=os解决办法
这个错误表明你的 CentOS 系统无法解析 的主机名，可能是由于 DNS 配置问题、网络连接问题或镜像源不可用导致的。以下是详细的排查和解决方法：确保你的系统能够访问互联网。如果无法 ping 通外部地址，可能是网络配置有问题。如果 DNS 解析失败，说明系统的 DNS 配置可能有问题。CentOS 使用 文件来配置 DNS 服务器。如果文件中没有有效的 DNS 服务器地址（如 或 ），可以手动添加。编辑 文件：添加以下内容：保存并退出。然后重启网络服务：3. 检查镜像源配置Cen
2025-04-09 13:43:10
1132
原创 Docker 镜像相关的基本操作
命令：示例：查找 CentOS 镜像：命令解释：注意：命令：示例：拉取最新版本的 CentOS 镜像：命令解释：输出结果： ：Docker Hub 的域名。 ：官方镜像库的前缀。优化：如果拉取速度较慢，可以配置镜像加速器（如阿里云、腾讯云等）。命令：输出内容：命令：示例：删除 CentOS 的最新版本镜像：强制删除：如果镜像被容器引用，可以使用 参数强制删除：5. 保存镜像为离线包命令：示例：将 CentOS 镜像保存为压缩包
2025-04-03 16:40:12
699
原创 针对Docker配置常用镜像加速器站点
每个账号生成的加速器地址是独立的，建议用自己的地址。如果拉取速度较快，说明加速器已生效。测试拉取镜像速度，例如拉取。
2025-04-03 16:16:06
1048
原创 Docker 容器 CPU 核心绑定 (cpuset) 和 CPU 份额 (cpu-shares)
即使 CPU 0 和 CPU 1 被占满，容器也不会使用其他核心，限制效果完全生效。将容器绑定到 CPU 0 和 CPU 1，设置 CPU 份额为。同样绑定到 CPU 0 和 CPU 1，设置 CPU 份额为。中的任务为空闲，其余的 CPU 时间片可以被其他容器利用。键展开 CPU 核心信息，比如 CPU 0、CPU 1。的 2 倍，因此分配的 CPU 时间片比例是 2:1。设置容器 CPU 使用的权重，控制多容器竞争时的优先级。用于绑定容器到特定的 CPU 核心，实现性能隔离。键展开 CPU 核心信息。
2025-04-03 14:04:05
1043
原创 CRON表达式
CRON表达式是一种时间表达式，用于指定定期执行任务的时间规则。它可以被用来执行非常基本的任务，例如从数据库备份到每天自动发送电子邮件。CRON表达式是一种用于指定时间调度的字符串格式，它可以实现定时任务的自动化执行，比如：后台任务：CRON表达式可以用于定时执行后台任务，例如备份数据库、更新缓存、清理无用文件等。消息推送：应用程序可以使用CRON表达式来实现消息推送，在固定的时间或者周期性地向用户推送最新的消息或通知。
2025-04-02 11:38:27
996
原创 服务器时间同步之CentOS 7安装使用Chrony
chrony是一个用于计算机系统时间同步的现代化工具，在 CentOS 7 上可以方便地安装和配置。本教程将指导你如何在 CentOS 7 上安装和配置chrony，以确保你的系统时钟与网络时间保持同步。
2025-04-02 11:15:30
531
原创 IntelliJ IDEA 2024.1.4 (Ultimate Edition)找不到Add Framework Support解决方法
我的IDE版本是IntelliJ IDEA 2024.1.4 (Ultimate Edition)，当我要创建Web项目的时候，没有找到Add Framewor Support，那么Add Framework Support是什么！2.1设置的是shift+J，也可以设置其它的，根据自己的需求设置就可以，最好避免跟其它热键冲突，设置好了选择OK，外面的OK也要确认，否则快捷键不会哦设置成功。然后双击Add Framework Support，就会出现一个编辑快捷键的弹框，我选择的是第一个添加键盘快捷键。
2025-03-31 17:31:08
427
原创 Delete `␍`eslint(prettier/prettier)
而项目仓库中默认是Linux环境下提交的代码，文件默认是以LF结尾的，因此，文本文件在不同系统下创建和使用时就会出现不兼容的问题，当我用windows电脑git clone代码的时候，若我的autocrlf(在windows下安装git，该选项默认为true)为true，那么文件每行会被自动转成以CRLF结尾，若对文件不做任何修改，pre-commit执行eslint的时候就会提示你删除CR。针对这个问题，可以对git全局配置做处理，使用下面这个命令，之后的仓库拉取就不会出现类似问题，执行。
2025-03-18 13:36:21
670
原创 Windows 11系统（最新）MySQL的安装和环境配置教程
概要MySQL 是一个开源的关系型数据库管理系统（RDBMS），由 Oracle 维护，基于 SQL（Structured Query Language）进行操作。它广泛应用于网站和应用程序中，支持跨平台运行（如 Linux、Windows、macOS 等）。MySQL 以其高速、可靠性和灵活性闻名，适用于从小型应用到大型企业级数据库。
2025-03-04 14:12:24
1316
原创 Java 8安装及配置
看完本文，您将学会1.Java 8的安装与配置；2.通过控制台在您的电脑上运行第一个Java程序零，名词解释：Java Runtime Environment 意思是Java的运行环境，如果只是为了某些需要java运行环境的软件则只下载这个即可：Java Development Kit 开发用的，里面包含了JRE，适用于程序开发者，电脑上有了JDK你就可以愉快地写Java代码了。
2025-02-18 13:27:31
1018
原创 Notepad++ 自定义语法高亮支持 ant design for VUE
Notepad++小巧，当记事本使用，但是又想代码高亮显示。步骤：打开 C:\Users\xxx\AppData\Roaming\Notepad++目录下的文件langs.xml以下步骤，要学会调试，首先把vue扩展名加入到html里，看看notepad++能否显示除了antd特有标签的其它html标签？如果可以，才能继续。我所使用的notepad++版本，也许和读者的不一样。要区别对待。
2025-02-13 10:26:44
591
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人