farme_guan的博客

Vue 3 相较于 Vue 2 在多个方面进行了显著优化和改进。核心区别包括：Vue 3 引入了 Composition API，支持 Tree-shaking，使用 Proxy 实现更强大的响应式系统，并原生支持 TypeScript。此外，Vue 3 还新增了 Fragment、Teleport 和 Suspense 等特性，提升了性能和开发体验。

Vue 3 的 Composition API 引入了生命周期钩子（hooks），使得在函数式风格中更清晰地管理组件生命周期。本文详细介绍了官方生命周期 hooks 的使用、实现原理以及如何自定义 hooks。

本文详细介绍了如何在基于 electron-vite-vue 的 Electron 应用中实现后台常驻运行功能。主要内容包括：创建系统托盘图标（Tray），支持通过托盘菜单控制窗口显示与退出，以及实现开机自启功能。

本文基于 electron-vite-vue 脚手架，详细介绍了如何使用 electron-builder 实现多平台打包、自动更新发布配置以及常用构建脚本与输出结构。

本文详细介绍了在 electron-vite-vue 脚手架中实现 Electron 自动更新的两种方案：全量更新和增量更新。

electron打开多个窗口来分离模块、提升用户体验

本文介绍了如何在基于 Electron 和 Vue 的应用中实现系统消息通知，并支持点击通知跳转到指定页面。通过 electron-vite-vue 项目，文章详细讲解了从渲染进程触发通知、在主进程监听通知点击事件、以及通过 Vue 路由实现页面跳转的完整流程。

本文介绍了在 Electron + Vite + Vue 项目中如何通过三层封装实现主进程与渲染进程之间的 IPC 通信。首先，项目集成了 Vite、Vue 3 和 Electron，提供了快速开发环境。接着，通过主进程逻辑统一注册、Preload 层安全暴露 API 以及渲染进程统一调用，规范了 IPC 通信结构。具体实现包括在主进程中封装 ipcHandlers.ts，在 Preload 层通过 contextBridge 暴露 API，并在渲染进程中使用这些 API。

使用vue3实现抽奖转盘

当项目中需要做一些活动互动页时，需要实现刮刮乐。

vue3接入canvas-confetti，canvas-confetti是一个轻量、无依赖的 JavaScript 动画库，用于在网页上展示彩带、庆祝动画。非常适合用于抽奖、支付成功、活动庆祝等场景。

是处理用户选中文本的利器，结合 Vue 的响应式系统和模板语法，可以实现很多有趣而实用的功能。无论是文字编辑、批注、高亮，还是富文本场景，它都能派上用场。

在我们很多项目中，我们需要创建一个组件，使其他在所有的路由页都存在，比如手机上的悬浮在屏幕上的圆形快捷按钮，那么我们就需要创建一个全局组件。

使用child_process 和 ssh2 进行项目自动打包和FTP上传，告别每次手动上传到服务器

在我们使用uniapp时，我们导航栏一般都是自定义的，比如用uview框架的导航栏，那么返回事件通常会遇到以下几个问题 - [ ] 返回事件前需要做一些额外的处理 - [ ] h5项目刷新页面后返回失效 - [ ] 返回按钮点击后到指定页面

官方地址show : true , //控制按钮显示， true 显示， false 隐藏， 默认true control : true , //是否控制点击事件，true 控制，false 不控制， 默认false text : "规则说明" , //控制显示文本，空字符串表示显示默认文本 onSuccess : function(result) {

前言因为项目采用UI组件element-ui，需要部署后（打包后）设置主题，在网上找了一遍，如下几种方法。1/使用全局样式覆盖（工作量大）2/自定义element-ui配色，element-ui提供了一个配置页面和配色工具，可以本地生成固定的几套主题色，以便来实现主题切换（编译后无法修改）3/ 通过后端返回css文件，前端配合使用localStorage，储存主题对应的参数，后端返回对应的css主题文件（和方法2一样，需要先生成多个主题css文件）4/通过改变element-ui的样..

最近项目中用到element-ui组件，其中需要调用el-upload上传组件，但是想通过自定义按钮触发el-upload组件的上传<el-upload :action="$Config.apiUrl+'/FormForComponent/importExcel'" :limit="1" :with-credentials="true" ref="upload" :data='upLoadDa.

最近项目中遇到一个问题，项目经理给了一份word文档数据，其中我需要将word文档里面的表格数据在前端展示，这边的顺序依次是 word文档–>json数据->前端展示这里需要用到一个线上的转换工具bejson一般表格表头都是中文，类似如下这种，用这个工具转换后我们看下效果这时出现了两个问题，第一个是key键为中文的话不利于我们取值，方法是转换成英文格式，第二个问题是转换后的json数据有问题，原因是因为表格里复制过去的数据换行了，这样会导致转换后的数据有问题所以需要我们将表格.

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

出现的问题：VS code中运行live server时报错提示原因：VS code启动命令行时，相当于计算机上启动 Windows PowerShell ，执行策略为 Restricted（默认设置）。Restricted 执行策略不允许任何脚本运行。AllSigned 和 RemoteSigned 执行策略可防止 Windows PowerShell 运行没有数字签名的...

Cordova/Phonegap是一种跨平台应用开发工具，能将html文件打包成android和ios，下面介绍下vue项目中调用cordova插件方法在VUE项目中index.html文件引入cordova.js 在main.js中，注册vue之前加上cordova监听事件，确保cordova初始化完成再执行vue注册 我将cordova所有的调用方法封装成单独的js文件，然后...

下面介绍下vue-cli2和vue-cli3设置端口号大家都知道vue-cli2和vue-cli3生成的文件不同，如下图图一为vue-cli、图二为vue-cli3生成的项目文件下面看下配置文件3.0启动npm run serve2.0启动npm run dev相应的配置端口号如下，vue-cli2配置是在config/index.js下的host里配置，vue-c...

项目中有遇到过需要生成二维码和扫描二维码功能，这里将详细记录我的实现过程问题点：1、如何生成二维码2、如何扫描二维码3、扫描二维码后跳转问题（外链or本地路由页面）生成二维码1、本文中将采用js的衍生库qrcode.js来实现二维码的生成 点击传送门可查看并下载如果你是用vue开发的话，建议你用vue-qart 和 qrcodejs2都可以 这里有篇文章详细介绍了，这...

最近用vue+element-ui开发一套后台管理系统，其中项目中需要用到富文本编辑器，这里总结下开发过程中遇到的坑和使用方法。刚开始用的是vue-quill-editor结合element-ui上传图片到服务器，name问题来了 按照官方文档上面的方式。下面是我的代码<template><div> <!-- 图片上传组件辅助--> ...