- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vite的作用
Vite是一款现代化的前端构建工具，其核心价值在于"开发提速"。它采用原生ESM按需加载机制，实现秒级冷启动（<80ms）和毫秒级热更新（<30ms）。开发阶段通过ESBuild即时编译单文件，不打包；生产构建自动切换为Rollup进行深度优化（Tree-Shaking/代码分割/压缩）。关键技术包括：依赖预构建（强缓存）、插件双模式兼容、精确的HMR更新机制。相比传统打包工具，Vite实现了开发效率的数量级提升，同时保持生产构建的完备性，真正做到了"开发快如闪电，
2025-09-16 14:15:45
741
原创 sql 教程
本文系统介绍了数据库核心概念与SQL操作，分为基础概念和操作语句两大部分。基础概念部分详细讲解了数据库、表、字段、记录、主外键、索引、视图等12个核心组件，通过咖啡店案例进行说明。操作语句部分分类解析了DDL（数据定义）、DML（数据操作）、DCL（数据控制）、TCL（事务控制）四种SQL语句类型的作用和语法。文章还针对三个高频进阶问题展开分析：多表JOIN的四种写法及性能优化建议、索引失效的7种常见场景及解决方案、事务隔离级别的特性对比。通过建库建表示例和事务操作演示，帮助读者快速掌握数据库核心知识与实践
2025-09-15 16:51:40
1023
原创 Docker
Docker是一个开源的容器化平台，通过将应用及其依赖打包成轻量级容器，实现跨环境一致性运行。相比虚拟机，Docker容器共享宿主机内核，具有启动快、资源占用少等优势。其核心组件包括容器（运行环境）、镜像（模板）、Dockerfile（构建指令）和DockerHub（镜像仓库）。Docker解决了"环境不一致"、"部署复杂"等传统痛点，支持微服务架构和CI/CD流程。使用流程涵盖：编写Dockerfile构建镜像、运行容器、通过Docker Compose管理多容器服
2025-08-22 16:12:12
564
原创 物联网电气svg单线图绘制
本文介绍了一个基于Vue3+SVG的物联网单线图实现方案。该方案采用SVG绘制电气系统图，包含三个主变压器（HVF11T101N、HVF11T201N、HVF11E101N）及其连接线路，支持以下特性： 可交互操作：支持鼠标拖拽移动、滚轮缩放 数据可视化：显示电流(I)、功率(P)、无功功率(Q)和功率因数(PF)等参数 响应式设计：自适应不同屏幕尺寸 控制功能：提供放大、缩小和重置视图按钮 方案优势在于SVG的高自定义性，通过代码可灵活调整图形样式和布局，适用于各类电气系统监控场景。
2025-08-11 18:01:52
245
原创 navicat使用教程
会出现一下弹窗然后输入连接名这个自定义，我一般是用ip然后输入刚才创建MySQL的密码点击测试连接如果弹出连接成功那就是连上了，主机则是数据库所在的位置，可以连你后端的。)，由于 我的是windows，自己设置root 密码我不确定mac 的我忘了，我的mac 也设置了，所以需要你自己留意一下是自动生成还是自己设置，记住密码就行。点击开始之后等到进度条走到最后，然后关闭弹窗 去刷新就成功把所有的表导入进去了，就能及时看到数据库的变化了。选择数据库的版本和应用系统然后进入下载页面选择点击。
2025-07-29 11:20:49
158
原创 css基础知识
在页面布局中在无法确认子元素的高度（height时），我们无法给父级标签设置一个固定的高度，我们想要的是由子元素的高度去控制父元素的高度，所以当子元素设置浮动（float）属性之后，父元素的高度没有进行设置，这样就会导致设置父元素的高度塌陷，所以就涉及到清除浮动的重要性。的时候会产生BFC。所以当子盒子有高度但是浮动的时候，通过激发父盒子的BFC功能，会产生清除浮动的效果。这个时候我们通常会用到rem作为单位，rem用作非根元素的时候，是相对于根元素设定的字体大小，用于根元素的时候，相对于初始字体的大小。
2025-03-11 09:18:17
486
原创 ruoyi框架前后端启动流程(前后端分离版本)
IDEA打开项目ruoyi-admin 是后端服务，ruoyi-ui是前端有关代码。切换到ruoyi-ui目录的终端运行 npm i 下载所有依赖。创建数据库并且导入点击连接后测试连接，连接成功后创建数据库。然后打开看到有验证码显示就是前后搭建成功。想要运行就要搭建好环境第一步有说准备工作。导入成功就有很多表，mysql就配置完毕。下载完毕运行 npm run dev。这些准备好了就可以开始运行了。出现这个表示后端运行成功了。下载Redis开启服务。在这个文件运行就可以了。数据库就配置完成了。
2025-03-10 17:23:51
823
原创 sql server基本语句
1、说明：创建数据库2、说明：删除数据库3、说明：备份sql server--- 创建 备份数据的 deviceUSE master--- 开始 备份4、说明：创建新表根据已有的表创建新表：A：create table tab_new like tab_old (使用旧表创建新表)5、说明：删除新表6、说明：增加一个列注：列增加后将不能删除。DB2中列加上后数据类型也不能改变，唯一能改变的是增加varchar类型的长度。
2024-12-03 13:32:36
1061
原创 深拷贝和浅拷贝
深拷贝不会拷贝引用类型的引用，而是将引用类型的值全部拷贝一份形成一个新的引用类型，这样就不会发生引用错乱的问题，使我们可以多次使用同样的数据，而不用担心数据之间会起冲突。执行递归函数将反复调用其自身，每调用一次就进入新的一层，当最内层的函数执行完毕后，再一层一层地由里到外退出。直接拷贝基本数据类型的目标数据，只拷贝第一层数据有引用类型的值则直接拷贝地址，由于拷贝的是地址，指向的是同一个对象数据之间的修改会互相影响。浅拷贝指的是拷贝目标数据，生成一个新数据；
2024-11-18 19:22:51
251
原创 js数据类型的区别
在javascript中是不允许直接访问保存在堆内存中的对象的，所以在访问一个对象时，首先得到的是这个对象在堆内存中的地址，然后再按照这个地址去获得这个对象中的值，这就是传说中的按引用访问。包含 Function、Array、Date、RegExp、Error等都是属于 Object 类型。引用类型对应的值存在堆中，在栈中存放的是指向堆内存的引用地址。简单类型赋值是生成相对的值，两个对象对应的不同的地址。简单类型的值存放在栈中，在栈中存放的是对应的值；不同类型数据导致赋值时变量时的不同；
2024-11-18 19:21:24
192
原创 数据库数据类型与约束
数据类型是指在创建表的时候为表中字段指定数据类型，只有数据符合类型要求才能存储起来，使用数据类型的原则是:够用就行，尽量使用取值范围小的，而不用大的，这样可以更多的节省存储空间。【id一般是主键，主键是标识数据记录， 通过id可以区分不同记录数据 ， id是主键，是唯一的， 不能重复， 外键就是使用某个表中的主键数据，可以根据外键进行连表查询】数据库中的数据保存在数据表中，在表中为了更加准确的存储数据，保证数据的正确有效，可以在创建表的时候，为表添加一些强制性的验证，比如:数据类型和约束。
2024-11-18 11:38:11
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人