如鱼得水

摘要： Vue3 + TypeScript 实战：打造自适应 AI 问答与在线测验考试系统 在 AI 应用爆发的今天，如何构建一个既能满足自由对话，又能支持结构化测验，且完美适配 PC 端与移动端的智能交互系统？ 本文将深入剖析一套基于 Vue3 + TypeScript + Ant Design Vue 阅读全文

摘要： Vue3 + TypeScript 实战：打造企业级动态合同表单系统 在 SaaS 化的合同管理系统中，如何让用户自定义每个业务模块的字段、验证规则和显示逻辑？本文将带你深入剖析一个基于 Vue3 + TypeScript + Ant Design Vue 的动态表单架构，实现从“配置驱动”到“流程 阅读全文

摘要： Vue3 + Iframe 实战：打造企业级流程配置中心 在 SaaS 化合同管理系统中，如何让用户自定义每个业务模块的审批流程？本文将带你从零开始，基于 Vue3 + TypeScript + Ant Design Vue，实现一个支持“字段配置 + 流程设计”的一体化配置中心，并解决 Ifram 阅读全文

摘要： 在前端开发中，RBAC（基于角色的访问控制）是企业级应用的核心需求。本文将分享如何使用 Vue3 + TypeScript + Vite + Ant Design Vue 实现一个功能完善的菜单与按钮级别的权限授权组件，支持树形菜单选择、动态按钮联动、状态持久化等高级特性。 🎯 核心功能亮点 ✅ 阅读全文

摘要： 从 UI 工程师到 AI 应用架构者 13 年前，我的工作是让按钮在 IE6 上对齐；13 年后，我用 fetch-event-source 订阅大模型的“思维流”，用 OCR 解锁图片中的文字——前端，正在成为 AI 产品的第一道体验防线。 最近，我基于 Vue 3 + Vite + TypeSc 阅读全文

摘要： 项目开发中有幸遇到了更细化的页面滚动问题，详情中我有多个履约节点子模块，除了正常的锚点和页面联动之外，客户希望我从列表中点击某个履约模块子节点，跳转到选中的履约模块子节点下面；如果没有子节点模块，则跳转到父级履约节点模块。实现这个功能大概这么两步，1、在子节点配置好对应的节点id :id="'tar 阅读全文

摘要： web端ant-design-vue-Anchor锚点组件使用小节。项目开发中如果要实现前端页面平滑滚动到指定的位置，Anchor组件是一个好的选择，灵活且平滑，能满足常见的项目需求。最近开发中幸运的用到这个组件，从此对她爱不释手。下面就把开发中遇到的一些问题及源码整理出来，供以后查看和有缘人使用。 阅读全文

摘要： web端ant-design-vue Upload 手动实现文件上传使用小节。最近在项目开发中用到了手动实现文件上传的组件，之前都是自动上传把返回的文件信息保存到服务器。手动上传相对复杂一下，我把遇到的一些问题整理记录一下，有需要的朋友可以避免走弯路！ 1、文件上传需要用formdata格式，需要手 阅读全文

摘要： web端ant-design-vue Modal.info组件自定义icon和title整理小节，最近在项目中用到了自定义icon和title的功能，经过测试发现，如果自定义icon title会自动换行，尝试直接修改样式和穿透方式都没有效果，最后采取了一个巧妙的方式，将icon和title放在一个 阅读全文

摘要： 前端工程化解决方案webpack，模块化、组件化、规范化、自动化，使得前端开发更加高效。 功能：代码压缩混淆、处理浏览器端js的兼容性、以模块化的方式处理项目中的资源 webpack插件：clean-webpack-plugin 清除dist文件夹之前打包生成的文件 使用步骤：先安装 再在webpa 阅读全文