- 博客(59)
- 收藏
- 关注
RSS订阅
原创 Vue3路由实战：优雅封装+灵活拦截，解锁路由配置新姿势
本文介绍了Vue3项目中路由的模块化封装与拦截配置化管理的实现方案。通过将路由按业务模块拆分，统一整合到router/index.js中创建实例，并将拦截逻辑抽离到config.js集中管理。核心内容包括：1）按功能模块划分路由配置，实现代码解耦；2）通过全局前置守卫实现登录权限校验和页面标题设置；3）利用beforeResolve和afterEach实现细粒度权限控制和跳转后处理。该方案使路由配置更清晰，拦截逻辑更易维护，适合中大型Vue3项目开发。
2025-12-26 16:56:08
1402
2
原创 vue3 + Electron + vite 搭建桌面端应用（完整项目）
本文介绍了一个基于Vue3、Electron和Vite的桌面应用开发项目。项目包含登录页、首页、趣味答题和工具箱等模块，其中工具箱实现了微信多开、文件管理、便签等实用功能。文章详细说明了项目搭建步骤，包括环境配置、路由设置、数据存储等关键技术点，并提供了完整的项目结构和功能截图。该项目适合想要快速入门Electron开发的开发者参考，通过实战案例展示了如何将Vue3与Electron结合，构建跨平台桌面应用程序。
2025-10-15 13:08:18
1235
原创 vue3 + JS + vant 搭建移动端H5项目（完整项目）
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。--- 关注我：前端路上不迷路 ---
2024-01-17 11:03:54
4884
8
原创 vue3 + TS + vite 搭建中后台管理系统（完整项目）
要成功，先发疯，头脑简单往前冲！前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2024-01-04 12:04:08
8562
33
原创 项目实战之微信、微信公众号登陆和支付调起
项目实战之微信、微信公众号登陆和支付微信登陆［ 待更新… ］微信公众号支付调起方法［ 更新中… ］在实战项目中，如何调起微信公众号支付界面，面对小白是一头雾水，面对大佬是游刃有余，调起支付接口免不了遇见各种坑，今天我将遇见所有的坑和大家分享一下，废话不多说，先看一段代码：官方文档：这样大家能看懂吗，当然还是会有点懵，刚接触确实上手有点难，全看文档是解决不了我们工作中的项目问题；当然，一定要去读懂文档中参数的含义；1.1、 判断设备和浏览器 通过 navigator.userAg
2020-06-30 01:08:19
829
1
原创 前端工程化必备：Depcheck 实战指南
depcheck，它能自动检测项目中未使用的依赖、缺失的依赖、重复的依赖，帮你一键清理冗余，让项目依赖更“清爽”。全程实操演示，初学者也能轻松上手！
2026-01-15 10:24:19
1032
原创 Vue3+Electron+Vite桌面端搭建：从0到1搭建项目（第一期）
续之前《Vue3+Electron+Vite 搭建桌面端应用》文章，很多小伙伴私信说对Electron开发特别感兴趣～ 今天就把桌面端开发拆分成循序渐进的学习系列，这一篇先教大家从搭建到运行项目，全程保姆级步骤，初学者也能跟着做！
2026-01-15 10:20:10
1181
原创 Node.js日志集成：3分钟上手，新手也能搞定的规范日志方案
本文介绍了Node.js项目中如何从console.log升级到专业日志管理。推荐两个新手友好工具：功能全面的winston和高性能的pino，提供详细配置示例。通过日志分级(debug/info/warn/error)、时间戳记录、文件切割(按天分割保留7天)等功能，解决console.log存在的无级别区分、无法持久化等问题。文章包含完整代码实现和最佳实践建议，如敏感信息脱敏、错误堆栈记录等，帮助开发者快速建立规范的日志系统，提升问题排查效率。适合Node.js初学者快速落地专业日志方案。
2025-12-31 17:00:23
1471
1
原创 Node.js WebSocket 实战：实时通信封装方案
本文介绍了如何使用Node.js从零搭建WebSocket实时通信服务，并提供了封装方案。主要内容包括：1）通过ws库快速创建WebSocket服务器；2）将核心逻辑封装为WebSocketManager类，实现连接管理、消息广播等功能；3）结合HTTP服务器提供客户端页面；4）实现简易聊天室功能，支持上线通知、消息广播等。文章提供了详细代码示例和项目结构设计，适合新手学习WebSocket基础和实践封装技巧。最后还给出了扩展建议，如实现私聊、集成数据库等进阶功能。
2025-12-31 10:00:00
1168
原创 Node.js + Koa2实战进阶：整合数据库+JWT认证，新手上手封装方案
本文介绍了如何将Koa2项目升级为具备数据库连接和JWT认证的实战项目。主要内容包括： 项目结构优化，新增数据库、工具封装和配置目录 MySQL数据库连接池封装和用户表操作模型 JWT认证完整实现： 密码加密封装 token生成与验证工具 认证中间件和白名单机制 用户模块业务实现： 注册、登录接口 获取用户信息(需token验证) 关键注意事项： 中间件加载顺序 敏感信息管理 安全规范 项目采用分层封装思想，数据库操作、认证逻辑与业务接口分离，便于维护和扩展。适合中小型Node.js项目参考使用，新手可快速
2025-12-31 09:30:00
900
原创 Node.js + Koa2 微服务器搭建：初学者也能上手的实战指南
本文介绍了使用Node.js和Koa2搭建微服务器的完整指南。主要内容包括： 项目初始化与环境配置，安装Koa核心依赖和开发工具 清晰的目录结构设计，分离路由、中间件和配置文件 核心封装技术：全局配置、统一响应格式、错误处理 模块化路由管理，按业务拆分路由并统一注册 详细示例代码展示用户模块和测试接口的实现 文章提供了从零开始的完整搭建流程，特别适合初学者学习现代Node.js微服务开发。通过封装核心功能，实现了代码复用和可维护性，为后续扩展打下良好基础。
2025-12-30 11:43:25
1031
原创 WebSocket 入门指南：让浏览器和服务器“实时聊天”其实很简单
WebSocket入门指南：实现浏览器和服务器的实时双向通信 本文介绍了WebSocket技术及其在实时应用开发中的优势。WebSocket协议通过单个TCP连接实现全双工通信，解决了传统HTTP请求-响应模式无法实现服务器主动推送的问题。文章通过电话与视频聊天的比喻，形象说明了WebSocket的双向实时特性。 内容包含： WebSocket与HTTP协议的本质区别 WebSocket的核心概念和工作原理 一个完整的Node.js服务器和浏览器客户端实现示例 实际运行效果展示 通过简单易懂的代码示例，展示
2025-12-30 11:31:46
934
原创 Vue3 Hooks封装实战：告别重复代码，写出高复用、高质量的自定义Hook
Vue3自定义Hook封装实战摘要 本文系统讲解了Vue3自定义Hook的封装方法与最佳实践。自定义Hook(Composables)是抽离可复用逻辑的组合式函数，核心优势包括代码复用、逻辑解耦、便于维护和测试。 文章从基础实现入手，演示了useDebounce防抖Hook的封装过程，包含定时器管理、取消方法等完整实现。进阶部分重点剖析了高频使用的useRequest请求Hook，涵盖加载状态、错误处理、取消请求、防抖节流等核心功能。 高质量Hook封装要点： 统一目录结构规范存放 明确输入输出参数类型 处
2025-12-26 17:42:02
1101
原创 Windows 远程桌面连接命令
本文介绍了使用Windows远程桌面连接（RDP）的快捷方法：通过【Win+R】打开运行窗口，输入"mstsc"命令启动远程桌面连接程序，输入目标服务器公网IP地址，再输入用户名和密码即可建立远程连接。文章配图直观展示了每个操作步骤的界面，最后提醒用户遇到问题可以留言交流。该方法省去了通过控制面板查找的繁琐步骤，提供了一种快速连接远程服务器的便捷方式。
2025-11-05 16:23:14
613
原创 vue3 + Electron + vite 搭建桌面端应用（完整项目）
本文介绍了使用Vue3+Electron+Vite搭建桌面端应用的完整项目。主要内容包括：项目架构搭建、Vite配置、路由开发、本地数据存储、Ant Design Vue集成等核心功能实现，并展示了登录页面、首页、趣味答题、工具箱（含微信多开、文件管理、便签等）等具体功能模块。文章提供了详细的搭建步骤和方法，适合Electron新手快速入门。项目亮点在于实用工具开发，如微信多开和文件管理功能，同时分享了开发过程中的注意事项和解决方案。附有完整项目截图和功能演示，帮助开发者快速掌握Electron桌面应用开发
2025-10-15 11:53:32
1064
1
原创 Chrome插件
谷歌插件工具更新：Chrome浏览器将逐步淘汰Manifest V2标准，要求使用更高内核版本（Chrome 124+）。目前国产浏览器可能无法安装最新插件，解决方案包括更新Chrome或下载历史版本。官网提供各类插件下载，开发者将持续更新兼容版本。欢迎留言交流使用心得，共同探讨前端开发工具。
2025-07-16 11:11:26
717
原创 微信小程序获取指定元素，滚动页面到指定位置
本文介绍了微信小程序获取元素位置并滚动到指定位置的方法。通过createSelectorQuery()创建查询实例，使用select()选择目标元素后调用boundingClientRect()获取元素位置信息，最后通过wx.pageScrollTo()实现页面滚动。文章包含代码示例，展示了如何从按钮点击触发滚动到目标元素的功能，并提供了效果演示截图。该方法适用于原生小程序开发场景，可用于优化页面交互体验。
2025-06-19 10:44:46
626
原创 vue3 + WebSocket + Node 搭建前后端分离项目 开箱即用
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2025-05-29 17:34:28
798
原创 vue3 + TS + vite 搭建中后台管理系统（开箱即用）
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2025-05-29 17:31:29
655
原创 无法使用ip连接服务器的mysql
外部通过MySQL Workbench工具，无法连接服务器的 “mysql”解决方案：需要在服务器的mysql中更新权限！往下看，揭晓正确姿势！前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2025-02-07 13:49:34
1187
原创 mysql 不是内部或外部命令，也不是可运行的程序或批处理文件
"mysql"不是内部或外部命令，也不是可运行的程序或批处理文件。解决方案：配置环境变量即可！遇到这种 不是内部或外部文件 提示的问题，首先要想到的就是 环境变量 有没有配置？当然绝大部分的这种报错，都是在cmd或终端里想去直接运行某程序，例如如果你没有配置这些软件的环境变量 ，就会出错，这就是报错的原因。--请看大图--前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2025-02-07 10:16:26
3385
原创 H5获取微信openid封装方法
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —网页授权 | 微信开发文档。
2024-04-16 15:04:33
3107
原创 vue3 + TS + vite 搭建中后台管理系统（开箱即用）
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2024-02-26 10:58:51
2711
5
原创 VUE 中的 v-for 和 v-if 是否可以共存
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。--- 关注我：前端路上不迷路 ---
2024-01-17 12:06:29
788
原创 如何搭建中后台管理系统
要成功，先发疯，头脑简单往前冲！三金四银，金九银十，多学知识，也不能埋头苦干，要成功，先发疯，头脑简单往前冲！前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。--- 关注我：前端路上不迷路 ---
2024-01-04 16:02:46
1593
原创 vue3 + Element-plus + Echarts 5.2 切换不更新、导出PDF不显示 解决方案
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2023-10-27 16:04:52
1432
原创 解决react中使用react-redux获取不到上下文
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2023-06-13 16:48:17
4150
原创 vue3 表格、echarts图表响应式布局方法
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2023-05-12 15:11:41
911
原创 手把手教 Vue3.2+Vite+Echarts 5 绘制3D线条效果中国地图
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
2023-05-08 15:50:39
3044
vue3+Vant+pinia 开箱即用，移动端框架
2024-01-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人