- 博客(100)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 echarts 中弹出框可以滚动 tooltip 里边有多个条目的时候实现滚动
echarts 中弹出框可以滚动 tooltip 里边有多个条目的时候实现滚动
2025-12-24 15:32:55
181
原创 实现 “先排除数组中对象的 showTiltle: true 字段，再判断两个数组的对象内容是否完全相同（不考虑顺序、只关注对象值和增删和值的变化）”
本文展示了一个Vue组件，用于比较两个对象数组是否相同（忽略showTiltle字段）。核心方法isArraysEqual通过： 移除所有对象的showTiltle字段 将对象按属性名排序后转为字符串 对数组进行标准化处理（排序字符串数组） 该方法能有效解决属性顺序不同、数组内对象顺序不同带来的比较问题。示例中由于数组在label和prop属性上存在差异，最终显示"两个数组内容不同"。这种封装方式不修改原数组，可复用于其他需要精确比较数组对象的场景。
2025-10-30 15:30:24
165
原创 对于el-table中自定义表头中添加el-popover会弹出两个的解决方案，分别针对固定列和非固定列来隐藏最后一个浮框。
本文主要解决表格中非固定列和固定列(el-popover弹出两次)的DOM操作问题。非固定列存在两个DOM结构，需要隐藏第二个而非第一个；固定列添加fixed属性后，成功解决了el-popover重复弹出的问题，并通过截图展示了问题现象和解决方案。
2025-10-09 11:25:40
235
原创 在vue2中有公共的图片js文件，把所有的图片都导入到这个文件中，在其他的vue文件中如何引用。
本文介绍了在Vue2项目中集中管理图片资源的方法。针对图片分散导致的维护困难，提出创建公共JS文件（如assets/images.js）作为图片资源中心，通过Webpack的require或ES6的import批量导入图片并导出对象供全局调用。详细展示了实现步骤：1）定义图片资源中心文件；2）组件中引入并使用；3）模板中绑定图片路径。还提供了高级优化技巧，包括动态加载图片和自动扫描目录生成映射表，实现更灵活的资源管理。该方法有效解决了硬编码路径和重复代码问题，提高了项目可维护性。
2025-09-22 10:45:23
272
原创 在el-table中多选行中的check-box的禁用方法，多选禁用
本文介绍了表格组件中type=selection列的两个关键属性： reserve-selection：布尔类型，设为true可在数据更新后保留已选项（需指定row-key），默认false。 selectable：函数类型，通过返回值控制某行的复选框是否可勾选，参数为row和index。 配图展示了带复选框的表格列效果，支持行选中状态保留与可选性控制功能。这两个属性常用于实现表格的多选交互场景。
2025-09-11 15:53:06
165
原创 前端vue2中直接拉起vnc客户端
这是一个浏览器协议检测工具类，主要功能是检测不同浏览器环境并采用相应方法处理自定义协议链接。代码包含浏览器类型检测、IE版本识别、事件注册辅助方法，以及针对不同浏览器（Chrome、Firefox、IE、Safari等）的协议处理方案。核心方法protocolCheck作为入口函数，会根据浏览器类型自动选择最优处理方式，支持成功/失败回调，适用于需要唤醒本地应用或处理自定义URL Scheme的场景。代码采用兼容性写法，支持从IE到现代浏览器的广泛兼容。
2025-08-19 11:06:38
321
原创 element-ui el-progress在有小数的情况下，会换行显示。解决不换行的问题。
本文通过对比图片展示了问题解决前后的效果对比。未解决时存在明显的显示异常（图1-3），经处理后（图4）界面恢复正常，布局和元素显示得到优化。改进方案有效解决了原有显示问题，使界面呈现更清晰、美观的视觉效果。这一过程验证了技术方案的有效性，为类似问题的解决提供了参考。
2025-08-10 16:37:39
263
原创 根据数组对象里边的名称来排序
该JavaScript代码实现了一个按节点名称排序的函数sortByNodeName。该函数将节点名称拆分为文本部分和数字部分进行多级比较：先比较文本部分，若相同再比较数字部分，最后回退到普通字符串比较。示例数据展示了包含混合数字和文本的节点名排序结果，如"1"排在最前，数字相同则按字母序排列（如"102_exp_031"在"102_exp_032"之前），长字符串按相同规则排序。这种自然排序方式比简单按字母排序更符合实际需求。
2025-08-10 10:26:42
134
原创 用于浏览器检测和启动自定义协议（如 vnc://、mailto:// 等）的 JavaScript 工具库，通过适配不同浏览器的特性，判断客户端是否安装了支持该协议的应用程序
本文介绍了一个JavaScript工具库，用于检测和启动自定义协议（如vnc://、mailto://等）。该库通过适配不同浏览器特性，判断客户端是否安装了支持特定协议的应用程序，并提供了成功/失败的回调机制。主要特点包括：采用UMD模块规范兼容多种环境；针对IE、Firefox、Chrome、Safari等浏览器采用不同检测策略（如iframe加载、超时判断、blur事件等）；支持自定义协议URI的启动检测。适用于网页唤起外部应用（如VNC客户端、邮件程序）的场景，但存在浏览器兼容性限制和误判可能。
2025-07-29 14:50:18
1057
原创 html、js在浏览器中是如何通过协议来判断在桌面应用是否被拉起的一个过程
这是一个用于检测并启动VNC客户端的HTML页面。页面包含以下功能： 点击"打开VNC客户端"按钮尝试通过URI协议启动VNC Viewer 使用iframe和页面可见性检测判断客户端是否安装 未检测到客户端时显示弹窗提示下载 弹窗提供"取消"和跳转下载页面的"确定"按钮 包含响应式布局和简单的动画效果 页面通过监听页面焦点和可见性变化来判断是否成功启动客户端，若未启动则显示下载提示。
2025-07-29 11:07:25
96
原创 在vue2中延迟加载css样式的方案，el-tooltip浮框样式被更改
【代码】在vue2中延迟加载css样式的方案，el-tooltip浮框样式被更改。
2025-07-21 14:30:41
124
原创 统计git代码行数 git统计代码提交行数
这篇文章介绍了使用Git命令统计代码行数的多种方法，包括按作者、时间范围、文件类型等维度进行统计。主要内容有：1）统计个人代码提交量（增删行数）；2）按时间范围查询项目成员代码量；3）统计代码总行数；4）查看提交者排名；5）常用git log参数说明（如--author、--since、--stat等）。这些命令可以帮助开发者快速获取代码贡献数据，适用于项目报告和代码管理场景。
2025-07-21 11:32:07
315
原创 vue2在登陆之后，比如登录接口拿到数据之后需要保存起来给别的页面用。别的页面或许一开始就打开了，当登录接口的异步请求还没返回数据，就会导致当前打开的页面其他的接口拿不到数据，
Vue全局事件总线($bus)使用指南： 初始化：在main.js创建Vue实例作为事件中心 监听事件：组件mounted时用$on注册，beforeDestroy时用$off移除 触发事件：通过$emit发送事件和数据 注意事项： 必须移除监听防止内存泄漏 复杂状态建议用Vuex/Pinia 确保$bus已初始化 适合跨组件简单通信，需注意生命周期管理。
2025-07-15 15:13:02
182
原创 在echarts中legend中设置rich中第二项的宽度不起作用的处理方案。
【代码】在echarts中legend中设置rich中第二项的宽度不起作用的处理方案。
2025-07-14 15:36:55
215
原创 vue2中实现星星闪烁的功能，背景而且还是透明的。星星是白色的。
这是一个使用Vue.js和Canvas实现的星空背景动画组件。代码通过300个随机生成的星星对象，每颗星星具有随机位置、大小、透明度和闪烁速度。使用requestAnimationFrame实现流畅动画，星星透明度周期性变化产生闪烁效果。组件自动适应窗口大小，并设置为固定定位的底层背景。销毁时自动移除事件监听器，确保内存管理。整体效果是一个动态闪烁的星空背景，适用于网页装饰。
2025-07-05 17:57:49
209
原创 Git提交失败？commit hook:lint-staged
摘要：在开发Vue项目时遇到Git提交失败问题，原因是pre-commit钩子中的lint-staged检查未通过。解决方法包括：1)删除.git/hooks/pre-commit文件绕过检查；2)在配置中将lintOnSave设为false。最后可通过清除Git缓存并重新提交解决。两种方案分别针对临时绕开检查和永久关闭检查的场景。
2025-06-24 18:27:28
302
原创 vue为什么点击两遍才把参数传递过去
摘要 遇到云服务器权限管理组件数据传递延迟问题，首次点击新建权限对话框时接口参数未及时更新，需要二次点击才能获取正确参数。通过分析发现是Vue的数据响应时机问题，最终在子组件中使用this.$nextTick()方法延迟回调，确保DOM更新完成后再执行后续操作，成功解决了参数传递延迟的问题。该方法保证了父组件传递的值能在子组件中及时生效，避免了接口请求参数滞后的情况。
2025-05-30 17:31:25
306
原创 如何在element ui中el-select的选择项目中添加自定义图标
该代码片段展示了一个使用Vue.js和Element UI库实现的下拉选择组件。通过<el-select>和<el-option>标签，用户可以从选项列表中选择一个值。每个选项前都有一个SVG图标，根据选项的值（1或2）显示不同的图标。第一个图标为绿色圆形加箭头，第二个图标为红色圆形加叉号。这些图标通过v-if指令动态显示，确保用户选择不同选项时，图标会相应变化。此外，选择框的前缀部分也根据当前选择的值显示相应的图标，增强了用户体验。
2025-05-21 11:08:44
552
原创 webpack打包，把png，jpg等文件按照在src目录结构下的存储方式打包出来。解决同一命名的图片资源在打包之后，重复命名的图片就剩下一个图片了。
在Webpack打包过程中，处理同名图片资源时，可能会出现重复命名的图片被覆盖的问题。为了解决这一问题，可以通过两种方式修改配置：一种是在文件名后添加[hash:7]，另一种是保留原路径[path]。具体操作在webpack.prod.js文件中，通过修改url-loader的name属性来实现。例如，使用[path]/[name].[ext]可以保留图片的原始路径，确保同名图片在不同路径下不会被覆盖。此外，配置文件中还涉及开发环境和生产环境的路径设置、代理表、开发服务器设置等，确保项目在不同环境下正常运行
2025-05-16 16:16:21
465
原创 在window中 js 编写一个全局触发事件并携带参数
本文介绍了如何在JavaScript中实现全局事件的触发与监听。通过window.triggerGlobalEvent函数，可以创建并触发自定义事件，事件参数通过detail属性传递。示例中展示了如何触发一个名为userLoggedIn的全局事件，并携带用户数据。同时，通过listenGlobalEvent函数，可以在任何子应用中监听这些全局事件，并通过回调函数处理传递的参数。示例代码演示了如何监听userLoggedIn事件并输出用户数据。此外，文中提到anifun是一个按钮的点击事件，但未提供具体实现细
2025-05-14 17:35:14
358
原创 v-bind=“$attrs“ v-on=“$listeners“
在上述示例里，父组件向子组件传递了 msg 和 id 两个属性。由于子组件的 props 选项为空，所以 msg 和 id 都属于非 props 属性，它们会被绑定到子组件的根元素。listeners” 是两个非常有用的指令，常用于组件之间的属性和事件传递。在这个例子中，父组件给子组件传递了一个 click 事件监听器。listeners" 指令，能将这些事件监听器自动绑定到子组件的根元素上。是一个包含了父组件传递给子组件的所有自定义事件监听器的对象。是一个包含了父组件传递给子组件的所有非。
2025-05-08 09:54:21
1189
原创 在vue中js一种简单的把传参当做方法名来用的方法，这样就不用if来判断是那个了用方法区分开。
【代码】在vue中js一种简单的把传参当做方法名来用的方法，这样就不用if来判断是那个了用方法区分开。
2025-05-07 17:44:05
135
原创 基于element ui el-table sortablejs 列表行拖拽换行显示的代码
【代码】基于element ui el-table sortablejs 列表行拖拽换行显示的代码。
2025-05-06 17:15:21
216
原创 vue安装npm的时候报错command failed: c:\python310\python.EXE -c import sys； print “%s.%s.%s”% sys.version in
Node.js平台，Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用于另一个版本的Node.js。因此，用户需要一些方法在 Node 的多个版本之间切换.js。在网上找了一大堆解决方案都不管用，结果还是node.js 的版本太高了，我当前的版本是16以及上的版本。换成14的版本就好了。在次推荐使用nvm去办理node版本。Node Version Manager（NVM） 是一种用于管理多个主动节点.js版本的工具。
2024-07-04 15:59:23
649
原创 安卓webview加载vue打包后的项目
/在build.gradle 中 minifyEnabled true proguardFiles getDefaultProguardFile(‘proguard-android-optimize.txt’), ‘proguard-rules.pro’ 设置代码混淆 并在proguard-rules.pro文件中添加最下面的代码。//新建一个SendingProgressDialog.java 的类 文件。//proguard-rules.pro 文件中填写的代码。
2024-06-26 16:47:43
1206
1原创 IDW插值算法玫瑰图，凸包算法，极坐标系转换为笛卡尔坐标系。
（3.3）绘制热力图：将步骤（1）中得到的被测量污染物的浓度值的离散点数据，经过IDW算法计算后，得到离散数据点，在canvas中画出矩阵图；（3.6）绘制最终图形：根据凸包范围判定步骤（3.3）得到的离散数据点，是否在凸包范围内，取两者交集，并形成最终图形。（3.5）凸包计算：根据步骤（3.2）转换的坐标，在步骤（3.3）绘制的热力图中画出凸包各个点，从而限定凸包范围；（3.1）角度转换：将所述风向角度值中大于360°的转换为360°以内的值。（3.4）将绘制的热力图添加到笛卡尔坐标系中；
2024-05-17 17:14:29
596
原创 echarts实现右键点击事件，并弹出自定义弹框，点击自定义弹框里边的按钮。更改折线图点的数据和样式。当右键点击别的点的时候，把上一次打开的自定义对话框关闭掉。
【代码】echarts实现右键点击事件，并弹出自定义弹框，点击自定义弹框里边的按钮。更改折线图点的数据和样式。当右键点击别的点的时候，把上一次打开的自定义对话框关闭掉。
2024-04-19 17:29:39
1826
netCDF4.8.1-NC4-64.exe
2021-09-15
气象图相关资料.rar
2021-09-16
基于js的气相分析图IDW反向加权插值算法（王维）.rar
2019-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人