- 博客(130)
- 收藏
- 关注
RSS订阅原创 !!告别重复造轮子！一文搞定如何搭建跨 Vue2/Vue3 的 Element 增强组件库
本文档提供一套「跨 Vue2/Vue3 技术栈」的自定义 el-table 组件库完整解决方案，核心升级点：Vue2 版本采用 Rollup 打包（替代原 Webpack，解决高版本 Node.js 兼容问题、产物更精简），Vue3 版本保持 Vite 打包，同时实现：二次封装 ElementUI/Element Plus 的 el-table 组件，集成通用功能（分页、多选、树状结构、操作列）；集成 af-table-column（Vue2）/af-table-column-vue3（Vue3）增
2025-12-26 15:08:03
1020
原创 解决 TypeScript 找不到静态资源模块及类型声明问题
在 Vue + TypeScript 项目中，导入 @/assets/img/logo.png 这类静态资源时，经常会遇到 找不到模块“@/assets/img/logo.png”或其相应的类型声明 的 TS 报错（错误码 ts-plugin(2307)）。本文将从 问题根源、分步解决方案、缓存清理、兜底方案 四个维度，给出一套可直接复用的完整解决流程
2025-12-25 15:52:00
377
原创 CSS 常用特效汇总
CSS 特效是提升页面视觉体验与交互质感的核心手段，无需依赖 JS 即可实现多种动态与静态效果。本文整理了开发中高频使用的 CSS 特效，涵盖视觉交互、布局动效、氛围营造三大类，每类包含具体特效的实现代码、核心原理及适用场景，便于直接复用与灵活扩展
2025-12-24 14:06:14
746
原创 告别繁琐！这些CSS简写/新属性大幅精简代码
在前端开发中，传统 CSS 多属性组合的写法常导致代码冗余、可读性差、维护成本高。本文系统总结了能替代繁琐写法的 CSS 简写属性与新属性，按“布局定位”“视觉样式”“交互控制”“通用工具”四大核心场景分类，每类包含属性功能、简化对比、核心用法、适用场景及关键注意事项，帮助开发者高效精简代码、提升开发效率
2025-12-24 12:14:28
1081
原创 五、NestJS 开发实战文档--＞redis
本文基于 `@nestjs-modules/ioredis` 模块实现 NestJS 与 Redis 的无缝集成，以**验证码生成、存储、验证**为实战场景，提供标准化、可扩展的配置方案，同时优化了全局模块、环境变量配置、类型安全等核心细节，支持生产环境直接复用。
2025-12-23 10:36:48
677
原创 三、NestJS 开发实战文档--＞集成 MySQL（TypeORM）
全局模块化标记为全局模块，所有业务模块无需重复导入，简化配置TypeORM 强集成：通过快速实现数据库连接，支持实体映射、查询构建器等强大功能安全可靠：密码字段默认不返回（），开发/生产环境配置隔离（开关）易于维护：实体类与数据库表一一映射，目录结构清晰，业务逻辑与数据操作分离功能灵活：支持一对一关联查询、动态 SQL 构建，满足复杂业务场景需求。
2025-12-23 10:34:48
641
原创 四、NestJS 开发实战文档--＞NestJS JWT 登录功能（含登录信息存储）
本次实现基于 NestJS 搭建标准化 JWT 登录认证体系，核心功能包括：1. 用户账号密码校验（基于 bcrypt 密码加密）2. JWT 令牌生成与过期配置3. 登录信息（设备、IP、令牌、登录时间等）持久化到 `user-login` 表4. JWT 策略验证（用于接口权限守卫）5. 统一异常处理、环境变量配置优化6. 类型安全强化与代码可维护性提升
2025-12-23 10:31:49
740
原创 一、NestJS 开发实战文档--＞基础篇
本文档完整覆盖了 NestJS 项目开发的核心流程：项目初始化与 CLI 工具使用，快速生成组件；全局路由前缀与接口版本控制，规范接口路径；Swagger API 文档集成，方便接口自测与对接；环境变量配置（单环境/多环境/变量扩展），提高项目可配置性；全局响应拦截器，统一接口返回格式；全局异常过滤器 + 自定义业务异常，统一错误处理逻辑；接口示例实现，验证所有配置有效性
2025-12-23 10:24:39
1051
原创 Web常见安全漏洞全解析（含案例+前后端实操防御方案）
本文系统梳理了 Web 应用开发中最常见的 10 大类安全漏洞，包括 SQL 注入、XSS 攻击、CSRF 攻击、DDoS 攻击、DNS 劫持、JSON 劫持、点击劫持、OS 命令注入、URL 跳转漏洞及暴力破解、信息泄露等典型场景。针对每类漏洞，均从 “核心说明”“攻击案例”“防御方案”“实操步骤” 四个维度展开，明确漏洞触发机制、还原真实攻击场景，并提供前后端协同的可落地防护措施 —— 涵盖代码层面的参数校验、加密脱敏、权限控制，服务器层面的配置优化、限流防护，以及运维与用户层面的安全规范。文档整合了
2025-12-15 11:43:16
959
原创 Web前端移动端开发常见问题及解决方案（完整版）
移动端Web开发因设备碎片化（屏幕尺寸、分辨率、系统版本）、交互特性（触摸、手势）、网络环境及浏览器内核差异，易出现布局错乱、交互异常、兼容性差、性能卡顿等问题。本文全面梳理高频问题，覆盖布局适配、交互体验、兼容性、性能优化四大维度，包含iOS/安卓特有坑点（如vh/svh/dvh适配），并提供可落地的解决方案。
2025-12-12 09:52:28
837
原创 Nuxt项目内网服务器域名代理访问故障排查
本文针对Nuxt项目在**本地运行正常、打包无异常**，但部署至内网服务器后出现接口访问异常、资源加载失败的问题，梳理故障背景、排查流程及解决方案，为技术人员解决同类内网环境下的代理配置故障提供参考。
2025-12-11 16:52:58
882
原创 利用 PHPStudy（Mac 版）部署 Nuxt3 node-server 模式项目完整教程
本文针对 Mac 系统下的 PHPStudy（含小皮面板 XP.CN），详细讲解如何部署 Nuxt3 node-server 模式产物。node-server 模式是 Nuxt3 默认的服务端部署方式，依赖 Node.js 环境运行，支持 SSR 服务端渲染、服务端接口代理、动态路由等核心能力，PHPStudy 在此过程中主要承担「反向代理」角色，实现自定义域名 / 端口访问 Nuxt 服务。
2025-12-11 16:09:43
911
原创 前端依赖版本约束与冲突解决通用文档
本文档旨在讲解前端项目中`package.json`里依赖版本约束的核心规则（如`~`/`^`/`*`等符号），并提供依赖版本冲突的通用排查、解决方法，适用于npm/yarn/pnpm等主流包管理器，覆盖日常开发中版本相关的常见问题。
2025-12-11 11:36:55
671
原创 Vue3 + Element Plus 表格导出Excel 通用工具文档
该工具基于 `xlsx` 库封装，提供 Vue3 + Element Plus 场景下 `el-table` 数据导出 Excel 的通用解决方案，支持「数组数据导出」（推荐）和「DOM 表格导出」（兼容分页/筛选场景）两种模式，具备参数可配置、错误处理、格式兼容等特性。
2025-12-10 14:03:08
669
原创 Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
在现代前端开发中，中后台项目面临着业务复杂度提升、团队协作紧密、系统扩展性要求增高的挑战。本文将详细介绍如何整合 Vue 3、Vite、Router、Pinia、Element Plus、Monorepo 和 qiankun 等前沿技术，搭建一个高性能、可维护、易扩展的企业级中后台前端框架，为复杂业务系统提供坚实的技术支撑
2025-11-25 17:16:46
1095
1
原创 5 分钟实现 Web 电子签名！支持 PC + 移动端，一键保存无后端依赖✨
5 分钟实现 Web 电子签名！支持 PC + 移动端，一键保存无后端依赖✨无需复杂配置，用 HTML5 Canvas+jQuery 就能快速搭建实用电子签名工具！支持鼠标 / 触摸双端绘制，自带清空重签、PNG 图片导出功能，轻量无冗余代码，新手也能直接复制使用。不管是表单签署、合同确认还是日常办公场景，这个极简方案都能直接嵌入 Web 项目，零成本实现专业电子签名效果～
2025-11-06 11:25:59
760
原创 VSCode 配置优化：Vue3 开发提效指南
以下整合了 Vue3 + TS 开发中高频用到的代码片段、自动格式化、语法提示等配置，统一放在项目根目录的 `.vscode` 文件夹下（若没有该文件夹，先新建），提升开发效率。
2025-09-19 16:45:25
394
原创 vue excel转json功能 xlsx
通过上述步骤，可实现对嵌套规律表格的解析：读取 Excel 并转换为行数组；根据空行或特定标识识别子表格范围；提取每个子表格的表头和数据，映射为 JSON 对象；按需处理合并单元格和数据类型。根据实际 Excel 结构，只需调整边界识别逻辑和表头映射规则即可适配不同场景。
2025-08-12 15:06:50
659
原创 解决electron+vue-router在history模式下打包后首页空白问题
优先选择 hash 模式：在 Electron 等本地应用中，hash模式（）兼容性更好，无需额外配置。history 模式必备配置：若使用 history 模式，必须同时设置base: './'、通配符路由和 Vite 相对路径打包。通过以上配置，可确保 Electron 打包后，Vue Router 能正确匹配首页路径，解决空白问题。
2025-07-25 12:20:24
751
原创 electron中IPC 渲染进程与主进程通信方法解析
方法通信方向同步 / 异步是否需要返回结果主进程处理方式send渲染 → 主进程异步不需要ipcMain.onon主进程 → 渲染异步接收结果配合invoke渲染 → 主进程异步需要（请求 - 响应）sendSync渲染 → 主进程同步需要（阻塞）ipcMain.on。
2025-07-25 11:56:22
619
原创 实现一个可插入标签的聊天框
div 设置 contenteditable=“true” 时插入新 div 会换行，主要是因为 div 是块级元素（block-level），默认会独占一行。解决这个问题需要结合 CSS 调整元素显示方式和 JavaScript 精确控制插入行为。
2025-07-23 10:06:49
533
原创 解决：Error: Electron failed to install correctly, please delete node_modules/electron and try installi
供的错误信息，Electron 安装仍然不完整，导致 Node.js 找不到 Electron 的 CLI 模块。这通常是由于下载中断或文件损坏引起的。
2025-07-16 12:18:58
626
原创 本地包解决npm error code E404
E404 错误：npm 找不到你指定的包，因为它尚未发布npm create 命令需要包已存在于 npm 注册表中本地开发时应使用 npm link 和命令行直接调用。
2025-07-09 09:24:22
537
原创 Vuex 自动化生成工具
Vuex 自动化生成工具 为提升前端开发效率，减少重复代码编写，需开发一个自动化工具，根据输入参数自动生成完整的 Vuex 存储模块（包括 api.js、mutation-types.js、mutations.js、getters.js 和 actions.js）
2025-06-10 14:31:45
974
原创 别让 HTTPS 阻塞开发！Vite 一键打通浏览器访问https
在 Vue Vite 项目开发中，运行 HTTPS 时浏览器无法访问是困扰许多开发者的常见难题。本内容聚焦这一痛点，提供从临时证书生成到自定义证书配置的全流程解决方案，涵盖 Vite 配置优化、浏览器证书信任设置等关键步骤。无需复杂操作，通过清晰易懂的指引，助你快速解决 HTTPS 连接障碍，让浏览器顺畅访问项目，为开发调试和生产部署筑牢安全基础。
2025-06-09 17:21:03
921
原创 vue 多端适配之pxtorem
在 Vue 3 + Vite 项目中使用 postcss-pxtorem 自动将 px 单位转换为 rem 单位
2025-06-04 14:33:31
1257
1
原创 vue实现点击按钮input保持聚焦状态
主要功能：1. 点击"停顿"按钮切换对话框显示状态2. 输入框聚焦时保持状态3. 点击对话框外的区域自动关闭
2025-06-04 10:17:48
885
原创 mysql 安装
如果你需要特定版本的MySQL，可以使用@version标签指定版本，例如brew install mysql@5.7。环境变量：确保你的环境变量正确设置，以便在命令行中可以方便地访问MySQL。例如，将/usr/local/mysql/bin添加到你的PATH环境变量中。通过以上步骤，你应该能够在你的Mac上成功安装并运行MySQL。配置文件：MySQL的配置文件通常位于/usr/local/etc/my.cnf或/etc/my.cnf。安装Homebrew之后，你可以使用它来安装MySQL。
2025-04-25 14:47:19
465
原创 探秘 Svelte+Vite+TS+Melt-UI 框架搭建，开启高效开发
svelte项目框架包含了路由：svelte-spa-router 样式：less tailwind 国际化：svelte-i18n 接口请求：axios 环境变量配置:.env 组件库：melt-ui 图标库：iconfont 轮播图：swiper node:20.18.1 npm 10.8.2
2025-04-07 11:49:45
993
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人