- 博客(31)
- 收藏
- 关注
RSS订阅原创 从零到一：手把手教你开发并发布自己的npm包
本文详细介绍了开发并发布npm包的全流程：1.环境准备与项目初始化（检查Node.js环境、创建项目目录、配置package.json）；2.包功能开发（设计代码结构、编写核心功能、完善README文档）；3.配置优化（完善package.json字段、添加测试用例）；4.发布流程（npm账户登录、检查包名唯一性、执行发布命令）；5.后续维护（版本更新规范、注意事项）。文章提供了具体代码示例和实用建议，帮助开发者快速掌握npm包开发发布的全套技能。
2026-01-04 16:21:22
437
原创 前端自动翻译插件webpack-auto-i18n-plugin的使用
一个，支持所有编译成 JS 的前端框架（例如 Vue2/3 和 React）。无需修改源码，通过支持多种翻译服务，一键轻松实现多语言支持！默认集成有道翻译和谷歌翻译，同时支持自定义翻译器，兼容 Webpack、Vite、Rollup 等主流构建工具。本文章只做只需要扫描目标语言，不进行翻译通过脚本将本地多语言文件内容生成到xlsx，2、把已经翻译好的xlsx文件内容导入到本地的多语言文件注意注意注意：确保项目已升级至 Webpack 5（插件仅支持 Webpack 5）
2025-10-15 16:58:16
1151
原创 升级到webpack5
本文介绍了从Webpack 4升级到Webpack 5的完整步骤。首先需检查当前Webpack版本，然后升级核心依赖包括@vue/cli、Webpack及相关插件和loader。重点说明了配置文件的修改要点，包括移除废弃属性、启用缓存、替换资源加载方式以及处理Polyfill问题。同时提供了Babel配置更新建议，并强调了版本兼容性验证和回滚方案的重要性。全文详细指导了Vue项目Webpack升级的全过程，特别是针对配置文件的调整和常见问题的解决方案。
2025-10-15 16:27:52
687
原创 使用iframe实现浏览器打印
文章介绍了如何利用iframe解决局部打印的问题，避免使用window.print全局打印带来的页面重绘影响用户体验。通过创建iframe，将需要打印的HTML内容注入，并设置相应的CSS样式，然后调用iframe的打印方法。
2025-07-17 17:03:58
437
原创 Web端使用face-effet（effet.js）实现活体检测人脸登录、人脸添加、人脸打卡等
Effet.js 是一个轻量级的人脸样式框架，专注于为网页带来生动的面部动画和动态效果。通过简单易用的 API， 开发者不仅可以实现眨眼、张嘴、摇头等基础表情，还可以应用于多种场景，如人脸打卡、人脸登录、睡眠监测等。同时， Effet.js 对外提供 API，用户可根据需求灵活定制，实现更多的动作或功能，使得前端应用更加互动、智能且个性化。
2025-01-02 16:52:44
722
2
原创 使用vue H5打包的App如何检测版本更新？
在App中检测版本更新首先需要判断当前已安装的app版本号是否是最新的（可通过后端接口返回、也可通过第三方SDK 中的API 来获取是否为最新版本），不是最新的则执行版本更新功能（plusDownloader 方法）。detectVersion() 方法在调用检测时触发的，主要用来检测当前App的版本是不是最新版本，如果当前版本不是最新版本，则需要给用户显示更新页面进行更新。本文章使用的是Vue+H5+Plus技术，结合Hbuildx打包的App，实现在App中检测版本h和更新功能。
2024-08-09 16:22:32
568
原创 Electron - vue项目打包成.exe文件(通过官方demo的方式)
在Inno Setup 里面搭建一个脚本, 通过脚本编辑安装程序的名称, 版本. 快捷键生成, 安装目录等, 是很有必要的, 生成一次后,后续可以一直沿用 ,二次使用选择上一次创建好的脚本, 一键打包即可。1.删除 electron-quick-start 文件中的index.html，把vue项目打包生成的dist文件放到目录下。打包完毕, main.js 同级 会生成out文件, exe包就是打包好的文件 , 可安装在windows系统上。1.前端路由模式更改为hash模式。至此 exe 打包已完成！
2024-08-01 18:03:11
2474
2
原创 adb调试常用指令
例: adb install -r apk路径 (如果加 -r 参数，保留已设定数据，重新安装filename.apk)所有需要指定运行设备的操作都可以加上-s 设备号，设备号可使用adb devices命令获取。例：adb shell am force-stop com.django.view。/a.txt ~/list 手机下载至电脑。发布端口(可以设置任意的端口号，做为主机向模拟器或设备的请求端口)/a.txt 电脑上传至手机。指定运行设备（比如查看指定设备的屏幕分辨率，两台设备以上）
2023-11-29 18:01:30
458
1
原创 adb的使用以及adb常用命令
安卓系统的的全称为Android Debug Bridge，就是起到调试桥的作用，利用adb工具的前提是在手机上打开usb调试。对于开发测试人员来说，adb经常用于安装apk，连接数据线直接使用就可以因为涉及到的命令比较多，所以做一下整理方便后续查看前置条件：安卓设备通过USB连接电脑，同意开发者调试1、HBuilder X 文件下会自动集成adb（找到HBuilder X文件路径下的adb.exe），在当前路径下使用 cmd 打开终端2、检验是否可用 > 打开cmd > 输入adb > 回车。
2023-11-29 17:55:35
1377
1
原创 vue2项目postcss.config.js配置，将px转化成rem
方案一、在项目根目录下创建 postcss.config.js。方案二、 在vue.config.js单独配置。方案三、 在package.json单独配置。配置：如下有三种不同方案进行配置。
2023-10-20 10:55:53
2973
1
原创 vue 测试环境配置test
注意：日常开发是用开发环境的，如果发布到线上时，需要切换环境为线上。如果人为去切换也是可以的，但是会容易忘记，可以通过配置不同的运行命令来自动切换环境。.env.production如下：（正式线上环境，或者叫生产环境）一种是测试环境，就是测试人员使用的服务环境。一种是生产环境，就是要发布到线上的环境。一种是开发环境，就是本地开发时的环境，.env.development如下：（开发环境）.env.test（测试环境）时，经常用到多种环境。
2023-10-20 10:54:15
302
1
原创 vscode开发vue项目常用插件
查看每一行代码的提交日志，方便查看git日志，git多人协作的时候需要查看日志，能在当前代码中查看。在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间。智能路径提示，可以在你输入文件路径时智能提示。给嵌套的各种括号加上不同的颜色。自动闭合HTML/XML标签。自动完成另一侧标签的同步修改。实时预览markdown文件。代码高亮 替换 vetur。使缩进更可读的简单扩展。
2023-10-13 18:29:03
2257
原创 Vue 项目中如何在打包时清除 console 和 debugger
我们在开发过程中，肯定会用到console打印信息。但是呢，我们上线就要把console这些打印的信息给去掉吧，那时我们项目那么多打印，难道要一个个去掉吗，显然是不可能的；选项提供一个对象会被 webpack-merge 合并入最终的 webpack 配置，插件进行优化配置不同，vue-cli3.0 在打包过程中就使用了。与vue-cli2.0使用了。（如果没有自己创建）
2023-10-13 18:14:19
1272
原创 移动端调试插件 vConsole
所以想办法打印调试console的数据一直苦恼。2、在main.js 文件中全局引入 vconsole 插件。3、项目启动后右下角会出现绿色按钮，点击就可查看。因为最近一直在弄移动端项目，由于在移动端。
2023-10-13 18:04:48
746
原创 JS常用数组操作方法
数组可以使用instanceof和Array.isArray()这两种方式去检测，用instanceof检测数组时，它的左边为被检测数组，右边为需要检测的类型，即Array；如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。观察打印结果，每一条数据的左边为方法的返回值，右边为原数组，这些方法都会改变原数组，所以在使用的时候一定要注意。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。对数组的每一项都运行给定的函数，返回结果为 ture 的项组成的数组。
2023-10-13 17:47:03
335
原创 使用stompjs实现Websocket即时通讯订阅、发布
1、使用轮询进行查询（如果状态在某一特定情况下长时间没有改变，客户端频繁的调用接口会造成资源浪费）以下实例使用的是stompjs和sockjs-client，目的是达到消息的订阅、发布。3、连接和断开调用（方案可采用，登录操作和刷新页面时进行连接，退出登录进行断开）日常开发中很多时候会使用到即时通讯 ，实现消息实时更新的方式。1、以下可封装独立文件 stompManager.js。4、其他文件调用订阅、取消订阅。2、main.js 文件引入。2、使用websocket。废话不多说，直接上代码。
2023-09-12 16:47:58
4466
原创 websocket的两个属性：readyState和bufferedAmount
1 ：对应常量OPEN (numeric value 1)，连接成功建立，可以进行通信。The WebSocket connection is established and communication is possible.2 ：对应常量CLOSING (numeric value 2)，连接正在进行关闭握手，即将关闭。0 ：对应常量CONNECTING (numeric value 0)，正在建立连接连接，还没有完成。
2023-09-12 13:29:58
808
原创 vue-cli-service build 不同环境配置
在项目部署时，我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了打包命令，然而默认的环境变量值则为production。
2023-09-12 13:10:37
1178
原创 生成导出、批量生成导出二维码
此类功能一般用于管理系统当中，目的是做到大批量生成二维码并进行导出压缩包以下实例使用语言为vue2.x，可根据不同JS语言环境自行配置。
2023-09-12 11:39:09
620
原创 js数组根据另一个数组进行排序
在日常开发中碰到 自定义表头展示选择数据 需要按照前端定义的顺序（某种规则）展示数据，后端返回的顺序是不确定的，这个时候就需要进行排序来满足条件。
2023-04-19 18:25:32
688
1
原创 vue指令中el 的 parentNode 为null
在项目中，突然发现在使用vue自定义指令的时候，发现元素el的父元素parentNode变成了null。Vue2.x及Vue3.x解决方法
2022-10-08 18:48:20
1946
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人