如鱼得水

摘要： 在前端开发中，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 阅读全文

摘要： 项目开发中用到了电子签名、签好名的图片需要手动实现横竖屏旋转、并将绘制的签名图片放到pdf转换后的base64的图片上，可以手动拖动签名到合适的位置，最后合成签名和合同图片并实现pdf和图片文件输出。和以往一样，先发一下效果图。整理总结不易，如需全部代码，请联系我15098950589（微信同号）。 阅读全文

摘要： 当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 阅读全文

摘要： 项目开发中做统计报表的时候，用到了合计功能。这个直接添加el-table已经封装好的show-summary属性就可以，但是如何给合计单元格添加点击事件呢？@cell-click="cellClick"刚开始用的这个，但是尝试后发现，它不支持合计行，所以合计行的点击事件只能手动添加。和之前一样，先看 阅读全文