- 博客(25)
- 收藏
- 关注
RSS订阅原创 在vue中用three.js实现地图
console.log("选中省份:", this.chooseMesh.userData.name);// 获取第一个轮廓。// @ts-ignore 忽略twin.js的类型声明检查，该文件为原生JS模块。// ========== 点击事件 - 选中凸起 ==========// 光圈缩放动画：1~2.5倍之间变化。// 缩放2.5对应0，缩放1.0对应1。// 恢复上一个选中的mesh。需要安装 npm i three。1、填充地图中每个区域的颜色。// 创建填充几何体。// 光圈（底部背景）
2026-07-24 17:29:31
22
原创 级联详情弹窗组件
本文介绍了一个基于Vue3+Teleport实现的多层级联详情弹窗组件，专为复杂信息展示场景设计。该组件具有以下核心特性： 级联管理：支持父子弹窗层级关系，自动关闭子级弹窗 智能定位：根据参考元素自动计算弹窗位置（支持左/右/上/下四个方向） 边界约束：确保弹窗不溢出屏幕范围 层级置顶：全局z-index管理，最新弹窗始终在最上层 科技风UI：内置DataV边框装饰和动态图案背景 响应式适配：窗口变化时自动重新计算位置 组件通过注册机制管理弹窗关系，一级弹窗关闭时会自动关闭所有子级弹窗。使用示例展示了如何通
2026-07-23 15:02:08
210
原创 el-tree树形控件拖拽时状态回到初始值问题 、父级拖拽带子级问题
【代码】el-tree树形控件拖拽时状态回到初始值问题 、父级拖拽带子级问题。
2025-09-02 19:23:31
155
原创 react项目中使用Jupyter编辑器功能
本地启动Jupyter 并修改Jupyter中文件 custom-css的 样式只保留菜单栏和编辑器功能。启动Jupyter命令 （http://localhost:8000\ 为本地地址 解决跨域）前端实现方式 ifarm嵌入Jupyter路径。
2025-08-27 17:37:24
322
原创 node环境变量修改为nvm的
返回nvm正确环境为 :/home/username/.nvm/versions/node/v18.16.0/bin/node。Mac电脑按 control+c 后根据提示:qa!退出 window电脑按esc输入:wq!window按i进入编写模式。Mac按E进入编写模式。返回nvm正确变量示例。
2025-07-09 16:01:54
186
原创 echarts桑基图自定义样式并对称展示
无连接线的节点可以延展出几条透明的连接线 保证节点样式正常展示。echarts桑基图中没有连接线会没有样式的问题、对不齐问题。
2025-06-11 15:57:56
524
原创 vue2中使用vant遇到的问题
页面报错 Uncaught ReferenceError: exports is not defined。首先在vue2中安装vant。
2025-05-13 12:27:48
421
原创 react-flow 动态流程图
npm install reactflow （我的版本是npm install reactflow@11.11.4）
2025-03-17 15:33:52
2299
原创 vue-codemirror 实现某一行禁止编辑
需求：vue 中使用vue-codemirror 代码编辑器 第一行和最后一行禁止修改 其他行可以正常修改。
2025-03-12 15:10:17
364
原创 vue 中使用代码编辑器vue-codemirror
/ 引入配置对应的文件（样式、主题、代码格式等）3、样式主题文件cm-setting.js。2、全局引入man.js 文件。1、安装（两个都需要安装）
2025-03-05 14:47:42
1309
原创 实现背景图呈现梯形颜色渐变
linear-gradient（渐变角度值，开始颜色 开始颜色位置，结束颜色 结束颜色位置，开始颜色 开始颜色位置，......
2025-03-05 11:18:08
276
原创 css 鼠标移上属性
原文链接：https://blog.youkuaiyun.com/pipizhou16/article/details/126387643。cursor:no-drop 或 cursor:not-allowed。cursor:move 或 all-scroll。3、鼠标移动上去会显示禁用样式。4、鼠标移动上去变小手样式。1、超链接 a去除小手。
2025-01-13 15:14:23
345
原创 查找数组中相似字段（数组里面某个值相似归类到一起）
后端返回的一维数组 并且想实现如下表格树形数据 相同的数据可以展开查看。el-table 组件必须添加两个字段。例如↓数组中每条数据的dir字段相似。
2024-11-29 18:47:44
288
原创 使用react-flow制作流程图
react-是一个用于构建基于节点的应用程序的库。这些可以是简单的静态图或复杂的基于节点的编辑器。同时react-flow支持自定义节点类型和边线类型，并且它附带一些组件，可以查看缩略图的Mini Map和悬浮控制器Controls.
2024-10-10 15:09:12
3434
原创 SHA256加密－前端 中 HMAC-SHA256的base64加密 和 md5加密
SHA256加密－前端 中 HMAC-SHA256的base64加密 和 md5加密
2023-02-27 15:13:02
2061
原创 antd中的多选框defaultValue失效问题
解决办法： Checkbox.Group添加 key值 为defaultValue指定的数组 当值发生变化组件会重新渲染，从而使更新后的属性生效。原因：属性默认值为，初始渲染后，之后更新的值并不会使属性发生变化，所以组件挂载完成后从后端请求到的数据不会作用到checkboxGroup组件上我在最开始处理的时候，当属性不生效时，使用属性进行设置，但由于React受控组件的特性，需要对应的onChange事件进行响应，由此多出不少冗余代码和处理逻辑，并不推荐，仅供参考。...
2022-07-05 17:25:00
2265
2
原创 一维数组变二维数组
当出现相同的参数 根据另一个特定参数来改变数据改变原因 如下图 出现相同的名字但是版本号不同 下拉框数据是 版本号 改变版本号时候改变这一条数据 所以 一个大数组中分为每个对象 每个对象两个参数 第一个参数： 是选中的版本号 第二个参数是相同名字的数据组成一个对象 key是版本号 对应他的数据 。 versionData 拥有相同名字的版本号有 4 和 8 4 和 8 是版本号 对应的对象是数据2. 渲染数据代码如下（示例）：
2022-06-28 10:51:05
852
1
原创 根据指定字符串在字符串（想要替换的字符串）中找到并替换
removeFun(description) {description = description.replace(/<\/?[^>]*>/g, ''); // 去除HTML tag 如果后端返回的数据或者处理的数据不带标签 不用写这一步————以上都是去除 后端返回的 "<span class="unable-analyse">bad input path</span>" 这种格式————————————————co...
2022-04-24 14:44:53
1340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人