- 博客(93)
- 收藏
- 关注
RSS订阅原创 vue3-check-box实现下载多设备页面
当全选设备按钮被点击时，触发change方法 绑定的数据是seleceAll。可以全选，点击全选按钮直接全部选中。可以单选，点击单选只会选择选中的。
2025-05-15 20:22:53
256
原创 http和https的区别
HTTPS 是基于 HTTP 的，也是用 TCP 作为底层协议，并额外使用 SSL/TLS 协议用作加密和安全认证。这其实是一种懒政，有状态协议会更加复杂，需要维护状态（历史信息），而且如果客户或服务器失效，会产生状态的不一致，解决这种不一致的代价更高。顾名思义，HTTP 协议就是用来规范超文本的传输，超文本，也就是网络上的包括文本在内的各式各样的消息，具体来说，主要是来规范浏览器和服务器端的行为的。HTTPS 协议中，SSL 通道通常使用基于密钥的加密算法，密钥长度通常是 40 比特或 128 比特。
2025-05-14 19:19:07
472
原创 若依源码对Axios封装和实现请求拦截，内置下载功能
在项目中安装并封装Axios时，创建Axios实例的核心目的是通过配置隔离和逻辑解耦，提升代码的健壮性和可维护性。具体原因包括：1. 隔离配置：避免全局污染，不同服务可以独立配置baseURL、headers等参数；2. 独立拦截器管理：为不同实例绑定独立的请求/响应拦截器，避免冗余条件判断；3. 模块化与可维护性：按功能模块划分API，明确职责，便于维护和协作；4. 灵活应对不同场景：快速生成适配不同需求的客户端，如超时时间或Content-Type。创建实例后，通过请求/响应拦截器实现自动身份验证、统一
2025-05-13 21:43:57
788
原创 Echarts图表的提示框被遮盖问题解决
appendToBody: true 是一种前端配置选项，用于将元素动态插入到 <body> 标签的末尾，而非默认的父级容器内。其核心作用是避免父级样式或布局的约束，确保元素在视觉上正确定位。典型应用场景包括弹出层、下拉菜单、工具提示和动态表单等，这些场景中父容器的样式或布局可能限制子元素的显示。使用该选项时，需注意手动计算元素位置、处理事件冒泡、优化性能以及组件销毁时清理元素，以避免内存泄漏。appendToBody: true 是解决父容器布局限制导致子元素显示异常的常用方案，广泛应用于需要
2025-05-13 18:48:47
764
原创 数组-力扣hot100
思路：利用前缀和，定义一个数组arr【】arr【i】为到达当前位置的前缀和这里注意不是简单的前缀累加。如果前一个数的前缀和为负数，就不去做累加，要判断前一个数的前缀和是否为正数，因为如果是负数，加起来没意义。同时用max记录最大的和，arr【0】初始化为给的数组的【0】思路： 合并区间，要先进行排序，将相邻的区间排在一块，判断上一个区间的末尾和当前区间的开始，如果当前区间的开始在上一个区间的结尾，那么就是重复区间，就要合并重叠：当前区间的结束点 ≥ 下一个区间的起始点时，合并并更新当前区间的结束点。不重
2025-05-12 21:34:53
363
原创 在 Element UI 的表格组件 ＜el-table＞ 中创建一个“展开列”，点击该列会显示对应行的扩展内容。
【代码】在 Element UI 的表格组件 ＜el-table＞ 中创建一个“展开列”，点击该列会显示对应行的扩展内容。
2025-05-11 14:51:25
439
原创 输入框数据修改前后的对比和回滚功能以及只提交修改内容
本文介绍了一种双数据源管理系统，通过originalData_month和originalData_min保存原始数据，并使用data_map_min_month_data和data_map_min_data管理当前显示数据。系统实现了数据修改前后的对比和回滚功能，当修改时若最小值大于最大值或最大值小于最小值，会实时回滚并弹窗提示。智能表单状态控制通过isEditing变量管理编辑状态，点击修改按钮后变为保存按钮。回滚功能通过v-number限制输入数字，v-if条件控制显示，v-model双向绑定数据，@
2025-05-10 18:07:20
552
原创 使用el-cascader组件实现一个可搜索、可清空的级联选择器
本文介绍了如何使用el-cascader组件实现一个可搜索、可清空的级联选择器，并详细说明了如何配置选项数据源、自定义value和label字段，以及如何处理和分类数据。通过filterable和clearable属性，用户可以搜索和清空选项。props配置允许自定义字段名，如value和label，并支持禁用特定级别的节点。数据源groupedFactors通过遍历和分类处理，最终转换为级联选择器所需的树形结构。文章还展示了如何避免重复处理数据，并通过中文标签将要素分类到不同的观测组中。
2025-05-10 17:06:50
369
原创 435. 无重叠区间
那我们可能会自然的想到，优先选择参加那些结束时间早的，因为这样可以留下更多的时间参加其余的活动。如果有多个结束时间相同的，我们选择开始时间晚的，因为这样也有助于参加更多的活动。本题的题意可以表达为，你今天有好几个活动，每个活动都可以用区间 [start,end] 表示开始和结束的时间，请问你今天最多能参加几个活动呢？这个按结束时间进行排序，因为要求可以移除的最小区间。的结束时间，因此替换后的解。仍然有效且保留的区间数不变。替换为排序后的第一个区间。（非最早结束的区间）。（结束时间更早），则。
2025-05-07 22:07:06
301
原创 56. 合并区间
思路： 合并区间，要先进行排序，将相邻的区间排在一块，判断上一个区间的末尾和当前区间的开始，如果当前区间的开始在上一个区间的结尾，那么就是重复区间，就要合并。第一种，判断他们是重复区间之后，判断一下他们两个的结束点谁大，谁大谁就是合并区间后的结尾。：当前区间的结束点 ≥ 下一个区间的起始点时，合并并更新当前区间的结束点。：将当前区间加入结果列表，并更新为下一个区间。第三种直接把当前区间加到result区间中。
2025-05-07 21:44:16
200
原创 多数据源动态修改输入框并高亮显示已选数据源
需求：在这个卡片中，气温数据是由不同的数据源进行渲染的，现在要加一个功能，可以选择数据源的设备进行动态查询气温数据，并且在弹出框中，要对已经选择的数据进行高亮回显。默认状态下为设备1的数据。currenttem（其他温度列结构类似，此处省略）点击选择按钮后，就会传入对应的行数据点击确定，判断有没有选择元素，如果选择元素就进行下一步，这里因为是动态的修改数据源，所以定义了一个默认的数据源当选择后会动态修改这个变量上面对每个数据源加了一个字段source进行判断时哪个数据源。
2025-04-29 21:24:29
730
原创 若依框架源码基于注解实现防重复提交的幂等性校验 redis+ Spring boot
将类标记为Spring组件，纳入Spring容器管理。- RepeatSubmitInterceptor 检查方法是否有 @RepeatSubmit 注解。调用抽象方法，由子类实现具体校验逻辑（如Token验证或参数比对）。重写拦截器的前置处理方法，在Controller方法执行前触发。- 有注解则调用 isRepeatSubmit() 方法验证。接口，用于拦截请求。- 适用于需要防止重复提交的表单提交接口。若存在注解，则进行重复提交校验。终止请求继续处理，防止重复提交。，直接返回客户端，避免视图解析。
2025-04-24 17:25:46
640
原创 使用V-haspermission对el按钮进行身份和登录鉴权
有三个按钮，其中保存按钮绑定了自定义的v-permission事件v-hasPermimountedtokenlogingetInfo*:*:*。
2025-04-22 19:50:29
741
原创 VUE3实现表格的批量框选批量修改
效果表头通过循环生成1-10列的标题；表体通过分组数据动态渲染行，每行对应一个时间段（如"1-10min"），单元格内嵌套el-input输入框。表头通过循环生成1-10列的标题；要为每一个表格绑定对应的数据，他的数据元素一共有六十个进行分组分批。把元素分为六组，一行一组进行渲染先生成分钟区间 groupindex是 0 1 2 3 4 5group是具体的 值然后生成具体的表格内容 从遍历。
2025-04-18 17:25:32
492
原创 java实现word转pdf
拿到本地word路径，和要转为的pdf路径这段代码是一个用于将Word文档（.doc或.docx）转换为PDF文件的静态方法。它通过遍历文档中的表格并调整表格宽度以适应页面，最终生成PDF文件。
2025-04-11 19:03:51
1030
原创 java实现对result详细数据解析：按每日时间段分六段进行解析
result返回数据因为前端要做的是每日的情况统计表，前端已经为图表的横坐标分段，现在需要渲染的数据也要分段返回的数据：异常 可疑 正常 都分六段进行数据解析。
2025-04-11 18:47:11
562
原创 Spring BOOT +Echarts 实现按时间段渲染每日异常原因情况图表
这样图表的横坐标就是分段，把每日的数据弄在分段时间上，数据渲染时，也要分成六段渲染。接下来图表初始化完成，拿到base64编码即可导出word。在组件挂在完后调用多个图表初始化和数据获取函数。把图表的横坐标分段，分成六段，每段四个小时。这样就有六段的数据，分别渲染到图表中。定义一个调整图片大小的方法。把要处理的数据进行分割。
2025-04-11 17:46:55
309
原创 49. 字母异位词分组
将字符数组为key，字符串为值（可能有很多，存入的形式是list集合）存入map中。因为是字母异位词，他们的字母都是一样的，只是位置不一样，那么使用。方法对字符串对应字符数组排序，得到的排序结果是一样的。再将map.values 构建一个集合返回。思路：遍历所给数组拿到对应的字符串。
2025-04-04 19:34:22
208
原创 关于VUE3请求后端时，后端要用到Requestbody情况
必须用的原因：前端通过 JSON 格式在请求体中传递参数。如果后端想改用其他方式（如），前端需要调整参数传递方式（如 URL 参数或form-data），但这会牺牲灵活性和开发效率。建议保持当前设计，使用处理 JSON 请求体，这是 RESTful API 的常见做法。
2025-04-03 20:00:24
411
原创 VUE3+Springboot 实现导出word文档带图片
导出的图片在页面中已经初始化好了，需要拿到图片的base64数据编码传到后端Base64 是一种将的方式，常用于在文本协议（如 HTTP、JSON）中安全传输二进制数据（如图片、文件）。
2025-04-03 19:47:59
763
原创 VUE3中加入3DCharts动图时浏览器试图卡顿问题解决方法
在初始化图例时myChart在这里原来的myChart是响应式的变量，将他改为 var myChart = null;全局变量后问题得到解决根本原因是：当使用包装图表实例时，Vue 会通过 Proxy 递归劫持对象的所有属性。对于复杂的 3D 图表对象（可能包含数百个嵌套属性），这会带来显著的初始化延迟。ECharts 的图表实例包含大量内部方法（如setOptionresize），将这些方法包裹在响应式代理中会产生不必要的内存开销。。
2025-04-03 18:48:27
1169
原创 209. 长度最小的子数组
计算窗口内元素和sum，当sum大于等于目标值s时，更新最短长度result，并尝试缩小窗口。思路：使用滑动窗口算法，通过两个指针left和right动态调整窗口大小。返回满足条件的最短子数组长度，若无满足条件的子数组则返回0。
2025-03-30 21:05:57
365
原创 27. 移除元素
当快指针不等于要移除元素时，将快指针对应的值赋值给慢指针，两个指针都++当快指针等于要移除的元素，快指针++什么也不干。定义一个const，用于计算数组中还有多少元素。慢指针代表要赋值的位置，快指针代表要赋值的元素。
2025-03-30 20:00:59
219
原创 704. 二分查找
这种思想对于下面的middle的取值判断有很大的影响，当middle小于target时，如果是左闭右闭。一直拿middle所对应的值比较target，不断变换区间缩小区间，直至right和left相同为止。1.5不符合所以如果是偶数，就加1这样就不会出现小数的情况。如果是左闭右开，left就不可以等于right。那么left就可以等于right。开始先判断区间长度的奇偶性。因为要取中间值1+2=3。思路：先要有一个思想，左闭右开：【1,1）左闭右闭：【1,1】
2025-03-30 17:50:33
118
原创 实现java生成并下载数据质控报告的 Word 文档（Service）
拿到天数之后，我们就可以弄一个循环遍历，将每天的异常报告数据查询一遍，然后添加到集合中。
2025-03-28 19:57:46
805
原创 基于vue3实现导出设备列表
@param {string} parentCode - 当前节点的父节点编码，默认为空字符串。* @param {Object} node - 当前遍历到的节点对象。父节点编码: parentCode || '根节点'// 遍历根节点，对每个根节点调用walk函数进行递归遍历。// 如果当前节点有子节点，则递归遍历子节点。// 将当前节点的信息添加到结果数组中。设备名称: node.label,设备编码: node.code,// 存储扁平化后的节点数据。// 返回扁平化后的节点数组。
2025-03-27 08:47:29
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人