weixin_45638884的博客

原创 高效遍历树形结构并查找目标路径

遍历一个树形结构数组根据传入的一组对象,对象包含叶节点中itemId(itemId不是树节点id),然后找到叶节点所在路径上的id去重后返回-高效遍历树形结构并查找目标路径

原创 Vue3 父子组件传值相互调用方法,兄弟组件传值相互调用方法

fill:#333;color:#333;color:#333;fill:none;父组件子组件1子组件2孙子组件孙子组件。

原创 前端动画性能优化

通过合理选择动画实现方案、优化JavaScript执行效率、充分利用浏览器渲染机制，配合现代性能监测工具，开发者可以显著提升动画性能表现。记住：性能优化是一个持续的过程，需要结合具体场景不断测试与调整。优化建议：使用渐进式优化策略，先确保功能正确性，再通过性能分析工具定位瓶颈，最后针对性地实施优化方案。

原创 【Vue3 + Element-Plus】TreeTransfer树形穿梭框组件

Vue3 + Element-Plus TreeTransfer树形穿梭框组件

原创 CefSharp 文件下载和保存功能-监听前端事件

CefSharp 文件下载和保存功能

原创 使用 Java 更新 Word 文档中的图表数据-超详细

使用 Apache POI 处理 Word 文件中的图表更新是一项非常有用的技能，尤其是在自动化报告生成的过程中。通过对图表数据源（嵌入的 Excel 文件）进行修改，我们可以实现动态更新图表数据并更新 Word 文档，从而大大提高工作效率。如果你有任何问题，或者遇到困难，欢迎在评论区留言。希望这篇文章能对你有所帮助！

原创 白盒测试基础知识-辅助理解

白盒测试定义

原创 IDEA许可证分享

原创 解决-拖动el-table表头宽度导致表格最后一行显示不全-[全网最全]

表头宽度调整导致最后一行显示不全，通常是由于表格高度未正确更新，或者表格容器的。属性设置不当引起的。，因为这可能导致最后一行无法显示完全。中监听窗口大小变化，动态更新。当用户拖动列宽时，可以监听。确保表格的父级容器没有设置。如果你设置了固定高度（如。值以适应容器的变化。在列宽调整完成后手动触发。，强制刷新表格布局。

原创 map()结合其他的实际使用

map()用于将流中的元素通过一个函数映射到新的元素。可以结合filter()筛选数据，reduce()进行归约，flatMap()展开嵌套结构，collect()收集结果。在实际开发中，map()非常适合用来转换对象。

原创 reduce() 结合 其他的使用方法

reduce()结合map()：可以将对象集合中的某个属性转换为单一值并进行归约。reduce()结合filter()：可以筛选符合条件的元素，再进行归约操作。reduce()结合flatMap()：可以处理嵌套集合，将其展开后再进行归约。reduce()结合sorted()：可以通过归约比较来找出最大值或最小值。reduce()结合：可以按组进行数据归约，比如按部门统计总工资。处理空流reduce()返回Optional，可以安全处理空流的情况。reduce()

原创 Java Stream reduce()详解

reduce()是一个用于对流中的元素进行聚合或“归约”的操作。它将流中的多个元素通过二元运算符逐一结合，生成一个单一结果。典型用法包括求和、乘积、字符串连接、查找最大值和最小值。在使用无初始值的reduce()时，结果会是Optional，以防流为空。在并行流中，reduce()可以通过累加器和合并器并行处理大数据。通过reduce()，你可以非常灵活地对流中的数据进行复杂的聚合操作。

原创 filter()详解2

int age;@OverridePersonname和age。我们可以创建一个Person对象的集合（如），并使用filter()对这些对象进行筛选。

原创 Java Stream流中的filter()使用方法-详解

filter()是一个中间操作，用于根据给定的Predicate对流中的元素进行筛选，保留符合条件的元素。它不会改变元素的类型，只会决定哪些元素可以继续传递到下一个流操作。由于filter()是惰性求值的，中间操作只有在终端操作被调用时才会执行。filter()适合用于各种复杂对象的筛选，并且可以与map()等其他流操作结合使用。

原创 Java Stream流操作的不同分类

peek()用于执行副作用，它不会改变流中的元素，适用于修改对象的内部状态。map()用于将流中的每个元素转换为另一个元素或类型，适用于类型转换或对象变换的场景。在 Java Stream API 中理解中间操作和终端操作的区别非常重要，只有当终端操作被调用时，流中的所有中间操作才会被实际执行。

原创 Java的Stream流中的map()和peek()方法详解

peek()是用于执行副作用而不改变流元素的。map()是用于对流中的元素进行变换并返回一个新的流。在此场景中，peek()更合适，因为你只是对元素做了修改，而不是将其转换成一个新的对象。

原创 Python 中自动打开网页并点击[自动化脚本],Selenium

要在 Python 中自动打开网页并点击第一个标签，你需要使用，它可以控制浏览器并执行像点击这样的操作。requests和只能获取并解析网页内容，但不能进行网页交互操作。

原创 Python 2 和 Python 3的差异

Python 3 引入了许多改进，使得代码更加简洁、统一和现代化。Python 2 虽然仍被一些旧系统使用，但官方已经停止支持，因此新项目应该使用 Python 3。

原创 滚动条出现时不占用 `div` 空间(chrome/firefox/safari/edge)

原理：通过 CSS 将滚动条宽度设为0，但保留滚动功能，同时用padding补偿布局空间。代码/* 自动显示滚动条 *//* 限制高度触发滚动条 *//* 补偿滚动条占用的空间 *//* 隐藏滚动条但不影响滚动（全浏览器） */width: 0;

原创 img` 元素既不能被选中、点击，也不能被拖拽

让页面上的img元素既不能被选中、点击，也不能被拖拽，可以再加上属性，或者通过 CSS 阻止拖拽行为。

原创 el-tabs el-tabs 插槽自定义

的是中el-tabs组件的内部结构，如果你想在el-tabs导航部分 (

原创 ES6+ 特性，箭头函数、解构赋值、模块导入

这些 ES6+ 特性在编写现代 JavaScript 应用程序时非常有用，可以帮助你编写更简洁、易维护的代码。ES6 引入了模块化语法，使得代码可以被分割成多个模块，每个模块都有自己的作用域，支持导入和导出功能。箭头函数是 ES6 引入的一种简洁的函数定义方式。它的语法更简洁，并且不会绑定自己的。解构赋值是一种从数组或对象中提取值的语法，使得赋值操作更加简洁和易读。箭头函数通常用于简化函数表达式。

原创 el-table第一行过滤功能

为了让过滤行永远在表格的第一行，可以将该行作为一个单独的空白行固定在表格的顶部，而不依赖于实际的lsData数据。这个空白行将始终保留在第一行，且不会被表格中的数据影响。可以通过在computed属性中将过滤行独立处理，保证它总是出现在第一行，且下面显示的是lsData的过滤结果。

原创 nginx部署前端vue项目

如果你希望通过 HTTPS 访问你的应用，可以使用 Let’s Encrypt 免费的 SSL 证书。首先，确保你的 Vue.js 项目已经完成开发，并且可以正常运行。这样，你的 Vue.js 项目就成功部署在 Nginx 上了。位置可以找到默认配置文件，或者你可以创建一个新的配置文件。，如果配置正确，你的 Vue.js 应用应该可以正常加载。这一行确保了 Vue.js 应用中的路由可以正常工作。打开 Nginx 的配置文件。目录，其中包含项目的静态文件。后面填写你的 Vue 项目。

原创 实现div高度自动调节

在你的项目中创建一个新的文件，比如。：在中定义一个函数来处理拖拽事件。。

原创 实现点击 `el-dialog` 里面的一个图标将对话框放大至全屏

实现点击el-dialog里面的一个图标将对话框放大至全屏，你可以使用 JavaScript 使el-dialog的样式覆盖整个窗口。为此，我们可以添加一个图标按钮，点击时将对话框设置为全屏显示，再次点击时恢复其原始大小。

原创 在鼠标附近显示一个中心渐变色的高亮效果

在鼠标附近显示一个中心渐变色的高亮效果，可以使用 CSS 的径向渐变（）来创建这个效果。这个方法会让高亮效果从中心向外渐变，逐渐变得透明，从而实现鼠标周围的区域高亮。

原创 在鼠标附近显示一个中心渐变色的高亮效果

在鼠标附近显示一个中心渐变色的高亮效果，可以使用 CSS 的径向渐变（）来创建这个效果。这个方法会让高亮效果从中心向外渐变，逐渐变得透明，从而实现鼠标周围的区域高亮。

原创 自定义 Electron 应用的 `.deb` 安装和卸载流程

在你的项目目录中创建scripts文件夹，并在其中创建和两个脚本文件。通过配置的和选项，并编写相应的脚本文件，你可以自定义.deb安装和卸载流程。这种方法简单且灵活，非常适合对 Electron 应用的打包过程进行定制化操作。

原创 本地电脑使用AI大模型 ollama qwen2

ollama run qwen2:1.5b。首次运行需要梯子下载。

原创 Jscript reduce() 根据某个(多个)字段分组生成一个新的数组或对象

Jscript reduce() 根据某个(多个)字段分组生成一个新的数组或对象。

原创 element table点击行实现选中和取消选中（可批量）

element table 实现点击行 选中 取消选中

原创 【swagger整合springboot2】

如果下面这种整合访问（http://127.0.0.1:8080/doc.html 或 http://127.0.0.1:8080/swagger-ui/index.html）方法需要在配置文件。以上代码访问http://127.0.0.1:8080/swagger-ui/index.html会有问题但是http://127.0.0.1:8080/doc.html是可以正常访问的。按照我上面整合访问（http://127.0.0.1:8080/doc.html）则不会出现问题。这种情况就有很多解决办法。..

原创 getAsString()和toString()区别

toString()返回的是JsonElement的字符串，所有是带双引号的，eg: “hello”getAsString()返回的是JsonElement的字符串值，所以不带双引号，eg:hello

转载 最新SpringBoot2使用线程池-超简单详解

最新SpringBoot2使用线程池-超简单详解

原创 docker安装mysql 本地远程连接docker 容器mysql

安装mysql命令sudo docker pull mysql:5.7设置mysqlsudo docker run -p 3306:3306 --name mysql \-v /mydata/mysql/log:/var/log/mysql \-v /mydata/mysql/data:/var/lib/mysql \-v /mydata/mysql/conf:/etc/mysql \-e MYSQL_ROOT_PASSWORD=root \-d mysql:5.7参数：.

原创 Spring boot同步锁

环境windowspringboot2.1.8maven 3.5.7jmeter5.2.1 没有同步锁的情况下并发 @GetMapping("/process/{orderId}") public Map<String, Object> process(@PathVariable("orderId") String orederId){ log.info("[{}]开始",orederId); service(); .

原创 Ribbon本地负载均衡轮询算法实现

前提：80服务可以调用8888服务 Rinbon下实现在80配置包有如下配置可以实现服务调用@Configurationpublic class ApplicationContextConfig { @Bean @LoadBalanced public RestTemplate getRestTemplate(){ return new RestTemplate(); }}通常Ribbon可以实现轮询负载均衡实现本地：去掉@LoadBal

原创 java.lang.NoClassDefFoundError: org/apache/commons/logging/LogFactory

Spring错误报告：java.lang.NoClassDefFoundError: org/apache/commons/logging/LogFactory常见的错误：日志报告错误java.lang.NoClassDefFoundError: org/apache/commons/logging/LogFactory at org.springframework.test.context.junit4.SpringJUnit4ClassRunner.<clinit>(Spring

转载 mybatis逆向工程配置文件

<?xml version="1.0" encoding="UTF-8"?> --><!-- context:生成一组对象的环境 id:必选，上下文id，用于在生成错误时提示 defaultModelType:指定生成对象的样式 1，conditional：类似hierarchical；如果某张表只有一个字段，则不会生成改实体 2，flat：所有内容（主键，blob）等全部生成在一个对象中；常用