- 博客(52)
- 资源 (3)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Vue 3 与 Vue 2 的区别详解
Vue 3 相较于 Vue 2 在多个方面进行了显著优化和改进。核心区别包括：Vue 3 引入了 Composition API，支持 Tree-shaking，使用 Proxy 实现更强大的响应式系统，并原生支持 TypeScript。此外，Vue 3 还新增了 Fragment、Teleport 和 Suspense 等特性，提升了性能和开发体验。
2025-05-22 17:56:00
614
原创 Vue 3 官方 Hooks 的用法与实现原理
Vue 3 的 Composition API 引入了生命周期钩子（hooks），使得在函数式风格中更清晰地管理组件生命周期。本文详细介绍了官方生命周期 hooks 的使用、实现原理以及如何自定义 hooks。
2025-05-22 17:48:33
1635
1
原创 Electron 后台常驻服务实现（托盘 + 开机自启）
本文详细介绍了如何在基于 electron-vite-vue 的 Electron 应用中实现后台常驻运行功能。主要内容包括：创建系统托盘图标（Tray），支持通过托盘菜单控制窗口显示与退出，以及实现开机自启功能。
2025-05-21 11:33:13
454
原创 使用 electron-builder 打包与发布 Electron 应用
本文基于 electron-vite-vue 脚手架，详细介绍了如何使用 electron-builder 实现多平台打包、自动更新发布配置以及常用构建脚本与输出结构。
2025-05-21 11:31:27
1036
原创 Electron 自动更新完整实现（全量更新 vs 增量更新 ）
本文详细介绍了在 electron-vite-vue 脚手架中实现 Electron 自动更新的两种方案：全量更新和增量更新。
2025-05-20 10:00:00
568
原创 Electron + Vue 实现系统消息通知与点击跳转页面
本文介绍了如何在基于 Electron 和 Vue 的应用中实现系统消息通知，并支持点击通知跳转到指定页面。通过 electron-vite-vue 项目，文章详细讲解了从渲染进程触发通知、在主进程监听通知点击事件、以及通过 Vue 路由实现页面跳转的完整流程。
2025-05-19 10:42:56
529
原创 Electron + Vite + Vue 项目中的 IPC 通信三层封装实践
本文介绍了在 Electron + Vite + Vue 项目中如何通过三层封装实现主进程与渲染进程之间的 IPC 通信。首先，项目集成了 Vite、Vue 3 和 Electron，提供了快速开发环境。接着，通过主进程逻辑统一注册、Preload 层安全暴露 API 以及渲染进程统一调用，规范了 IPC 通信结构。具体实现包括在主进程中封装 ipcHandlers.ts，在 Preload 层通过 contextBridge 暴露 API，并在渲染进程中使用这些 API。
2025-05-19 10:19:56
580
原创 h5移动端适配-dvh
dvh方案是否推荐优势劣势100vh❌简单不适配地址栏变化dvh✅自动适应，现代浏览器表现优秀旧浏览器不支持--vh + JS✅✅高兼容，适配旧浏览器与现代浏览器需写 JS，稍微复杂一些。
2025-05-12 11:24:03
275
原创 在 Vue 3 中使用 canvas-confetti 插件
vue3接入canvas-confetti，canvas-confetti是一个轻量、无依赖的 JavaScript 动画库，用于在网页上展示彩带、庆祝动画。非常适合用于抽奖、支付成功、活动庆祝等场景。
2025-05-10 13:50:48
820
原创 js-getSelection获取选中内容
是处理用户选中文本的利器，结合 Vue 的响应式系统和模板语法，可以实现很多有趣而实用的功能。无论是文字编辑、批注、高亮，还是富文本场景，它都能派上用场。
2025-05-09 11:41:05
468
原创 java集成telegram机器人
本文介绍 Telegram Bot 向指定聊天（用户或群组）发送通知消息，适用于异常告警、状态通知、构建结果推送等业务场景。
2025-05-08 17:51:42
529
1
原创 js调用Cloudflare API 批量管理工具
此脚本通过 Cloudflare API 完成批量添加域名、批量添加 DNS 解析记录、删除域名，并能够更新 DNS 记录的代理状态。通过适配不同的需求，您可以轻松扩展此工具以满足您的自动化管理需求。
2025-02-22 15:13:17
438
原创 在 JavaScript 中接入 Facebook 事件
本文档介绍了如何在 JavaScript 中集成 Facebook Pixel 事件，用于跟踪网站的用户行为并提高广告效果。包括事件接入后的测试。
2025-02-22 14:27:00
898
原创 web网站接入Google Analytics
跟踪自定义事件如果你想跟踪特定的用户行为，例如点击按钮、表单提交等，可以使用 gtag() 方法来发送自定义事件。具体事件请点击传送门查看，其中language、page_location、page_referrer、page_title、screen_resolution为自动收集事件。// 跟踪按钮点击事件});});
2025-02-21 17:35:19
1352
原创 网站加入google表单
有时我们需要做一项调查问卷或者数据统计时，没有服务器的情况下，我们可以使用google表单，google表单还支持表格查看和数据统计。
2025-02-18 16:39:20
408
原创 全局动态组件uniapp(vue)
在我们很多项目中，我们需要创建一个组件，使其他在所有的路由页都存在，比如手机上的悬浮在屏幕上的圆形快捷按钮，那么我们就需要创建一个全局组件。
2025-02-18 11:16:10
803
原创 uniapp登录成功后跳回原有页面+无感刷新token
在C端的页面场景中，我们经常会有几种情况到登录页： - [ ] 区分需要登录和不用登录的页面，点击需要登录才能查看的页面 - [ ] 已经登录但是超时，用户凭证失效等原因
2024-05-29 16:30:43
2244
原创 pwa动态修改manifest.json(start_url)
在使用pwa开发时，因需求原因，需要动态设置pwa安装应用的地址，也就是中的start_url地址
2024-05-27 14:36:45
1664
4
原创 uniapp自定义返回事件（封装）
在我们使用uniapp时，我们导航栏一般都是自定义的，比如用uview框架的导航栏，那么返回事件通常会遇到以下几个问题 - [ ] 返回事件前需要做一些额外的处理 - [ ] h5项目刷新页面后返回失效 - [ ] 返回按钮点击后到指定页面
2024-04-28 15:32:21
2950
原创 uniapp视频播放器（h5+app）
这是关于一篇在uniapp使用video视频播放器，支持自定义播放器样式，支持手势操作，选集、倍数和清晰度切换，支持SRT字幕格式。
2024-04-27 13:01:21
7199
4
原创 uniapp问题归类
可以参考这个链接传送门testalias是证书别名，可修改为自己想设置的字符，建议使用英文字母和数字test.keystore是证书文件名称，可修改为自己想设置的文件名称，也可以指定完整文件路径36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期生成后通过以下查看证书详细信息Enter keystore password: //输入密码，回车输出格式如下Version: 3然后如下图配置到app打包中，点击提交后，等待云打包自有证书。
2024-04-25 11:09:56
1614
1
原创 基于element-ui的年份范围选择器
调用方法,下面的参数和element-ui原有el-date-picker的api保持不变。，以下是我的目录结构，我将下载的文件放到了src/components下。日期限制处理（禁用），下面我以我这边的需求为例，全局引入或者局部引入使用。下载对应的代码到本地。
2023-09-15 11:59:12
4607
6
原创 钉钉微应用
官方地址show : true , //控制按钮显示， true 显示， false 隐藏， 默认true control : true , //是否控制点击事件，true 控制，false 不控制， 默认false text : "规则说明" , //控制显示文本，空字符串表示显示默认文本 onSuccess : function(result) {
2023-08-04 14:55:39
1073
原创 promise中then和catch同时调用
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ri1DiMEX-1691116764050)(image-1.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OgMCzm8q-1691116764050)(image-2.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U8aPVd5l-1691116764048)(image.png)]MDN中也有相关的说明。这个时候因为then函数中的。
2023-08-04 10:39:58
922
原创 lodop学习
前提：为满足js调用打印机功能，浏览器自带的打印会弹出一个预览框，实际在应用场景上不需要这个预览弹窗，点击页面打印要直接根据预设好的参数直接打印，这个时候看到了lodop这个插件。
2023-08-01 09:55:55
394
原创 clipboard复制粘题问题
但是在一些业务场景中，无法用==document.addEventListener(‘paste’)去监听拿到数据，可以有些操作是用户自定义，比如快捷键（组合键）是自己设置的，比如鼠标右击事件改写了，这个时候就需要换一种方式拿到剪贴板的值了，通过navigator.clipboard.readText()==获取到剪贴板的值，但是在这里遇到了一些问题，本地localhost可以获取到，打包部署后无法获取到。本地图片线上图片（非https）后面查了资料由于地址访问的安全策略。
2023-05-30 17:25:35
869
原创 cordova笔记
cordova build android //用于测试的打包方式，生成已签名apk。cordova build --release android //生成没有签名的apk。cordova run android -l -c -s //调试。查看签名是否成功，可将签名后的文件，后缀名apk的改为zip，解压。在项目的androidmanifest.xml文件中界面对应的里加入。android软键盘弹出，会把原来的界面挤上去的问题。有时不想要自动识别电话。
2023-05-05 16:25:05
676
原创 webpack-theme-color-replacer自定义element-ui主题
前言因为项目采用UI组件element-ui，需要部署后（打包后）设置主题，在网上找了一遍，如下几种方法。1/使用全局样式覆盖（工作量大）2/自定义element-ui配色，element-ui提供了一个配置页面和配色工具，可以本地生成固定的几套主题色，以便来实现主题切换（编译后无法修改）3/ 通过后端返回css文件，前端配合使用localStorage，储存主题对应的参数，后端返回对应的css主题文件（和方法2一样，需要先生成多个主题css文件）4/通过改变element-ui的样..
2022-01-13 21:28:48
3649
原创 element-ui el-upload手动控制上传事件
最近项目中用到element-ui组件，其中需要调用el-upload上传组件，但是想通过自定义按钮触发el-upload组件的上传<el-upload :action="$Config.apiUrl+'/FormForComponent/importExcel'" :limit="1" :with-credentials="true" ref="upload" :data='upLoadDa.
2020-11-13 17:13:20
9125
3
原创 excel表格数据或word文档里表格转json数据（前端）
最近项目中遇到一个问题，项目经理给了一份word文档数据，其中我需要将word文档里面的表格数据在前端展示，这边的顺序依次是 word文档–>json数据->前端展示这里需要用到一个线上的转换工具bejson一般表格表头都是中文，类似如下这种，用这个工具转换后我们看下效果这时出现了两个问题，第一个是key键为中文的话不利于我们取值，方法是转换成英文格式，第二个问题是转换后的json数据有问题，原因是因为表格里复制过去的数据换行了，这样会导致转换后的数据有问题所以需要我们将表格.
2020-08-22 13:51:46
4458
原创 vue集成echarts map3d地图（省市下穿）
vue集成echarts map3d地图（省市下穿）最近项目中需要集成echarts中的map3D地图，开发过程中遇到过不少问题，这里mark下，有遇到相应问题的伙伴欢迎一起交流相关源码下载1、世界地图.js，中国地图.js，中国各省份地图.js2、echarts基础报表js源文件（echarts.min.js）3、3D地图所需的js文件（echarts-gl.min.js）vue项目直接安装相应插件，将省市区引入即可。echarts：npm install vue-echarts -sa
2020-08-15 00:14:18
11559
21
浙江省对应市级json数据
2020-08-15
gradle6.3.zip
2020-04-03
echarts有这种图形么
2021-07-03
vue eventBus 是否能接收回调
2021-06-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人