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 路由实现页面跳转的完整流程。

dvh方案是否推荐优势劣势100vh❌简单不适配地址栏变化dvh✅自动适应，现代浏览器表现优秀旧浏览器不支持--vh + JS✅✅高兼容，适配旧浏览器与现代浏览器需写 JS，稍微复杂一些。

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

js中获取当前时间，默认是东八区时间，如果需要转换成其他时区，可以通过以下方法实现。

此脚本通过 Cloudflare API 完成批量添加域名、批量添加 DNS 解析记录、删除域名，并能够更新 DNS 记录的代理状态。通过适配不同的需求，您可以轻松扩展此工具以满足您的自动化管理需求。

本文档介绍了如何在 JavaScript 中集成 Facebook Pixel 事件，用于跟踪网站的用户行为并提高广告效果。包括事件接入后的测试。

跟踪自定义事件如果你想跟踪特定的用户行为，例如点击按钮、表单提交等，可以使用 gtag() 方法来发送自定义事件。具体事件请点击传送门查看，其中language、page_location、page_referrer、page_title、screen_resolution为自动收集事件。// 跟踪按钮点击事件});});

关于web网站的seo优化，以及google search console的接入，和代码层的优化和注意事项。

有时我们需要做一项调查问卷或者数据统计时，没有服务器的情况下，我们可以使用google表单，google表单还支持表格查看和数据统计。

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

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

在使用pwa开发时，因需求原因，需要动态设置pwa安装应用的地址，也就是中的start_url地址

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

但是在一些业务场景中，无法用==document.addEventListener(‘paste’)去监听拿到数据，可以有些操作是用户自定义，比如快捷键（组合键）是自己设置的，比如鼠标右击事件改写了，这个时候就需要换一种方式拿到剪贴板的值了，通过navigator.clipboard.readText()==获取到剪贴板的值，但是在这里遇到了一些问题，本地localhost可以获取到，打包部署后无法获取到。本地图片线上图片（非https）后面查了资料由于地址访问的安全策略。

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

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

下载并安装node.js 下载并安装git 配置安装android平台开发环境 一、下载最新JDK 参考请点击传送门 二、下载最新Android SDK 参考过程请点击传送门 安装cordova,命令行npm install -g cordova C:\Users\97849>cnpm install -g cordovaDownloading cordova to C:\...

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

上文介绍了微信表情的发送，这篇文章介绍下微信表情回显时的方法，相对于表情发送的功能，回显这块显得简单多了 我们还是用原有的数组来处理，后端返回的格式例如：哈哈[左哼哼] 这样类型，我们只需将[左哼哼]解析成对用的数字就行，然后将数字用微信一样的方法展示出来就行qqfaceArr = [['[微笑]','0'], ['[撇嘴]','1'],['[色]','2'],['[发呆]','3'],[...

前景：之前有个项目是做的多个公众号管理平台，由于客户那边有多个公众号，用微信开放平台去管理太繁琐，数据也不能进行统一分析，在开发过程中，需要将微信开放平台功能--消息回复移接本系统，消息回复时涉及到表情+文字+超链接发送，实现需要两步整体操作，表情发送+表情回显图片汉化四表情发送： 如下图为微信微信表情图showFace方法默认执行，.faceNav用于插入表情展示的div，表情展...

arguments是什么呢？　　它是一个对象，是一个长的很像数组的对象。arguments包含什么内容呢？　　它是函数运行时的实参列表。我们来实际操作一下看arguments里到底有什么　　js代码　　　　控制台打印　　再来一例　　我们传了四个参数，在PHP中我们是获取不到第四个参数的，但是js不同，arguments收集所有的实参，即使没有与之...

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