大家好，我是 Java陈序员。 在数字化时代，无论是个人开发者的独立产品，还是企业的业务系统，一旦出现故障，都可能造成用户流失或业务损失。因此，搭建一套可靠的监控告警系统是十分必要的。 今天，给大家介绍一款监控神器，开源自托管！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超 ...

vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板 当需要渲染自定义内容模板是，就可以通过插槽来实现，非常灵活 查看官网：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：htt ...

在Vue3+ElementPlus前端中，有时候一些字典的关联显示，需要使用级联，因此一般使用watch监控对象变化，实现字典列表的级联更新。本篇随笔介绍基于实际案例来实现多级关联的处理操作，以供参考。 ...

‍ 写在开头 点赞 + 收藏 学会 vue3项目实战 打印、导出PDF 一 维护模板 1 打印模板： <template> <div class="print-content"> <div v-for="item in data.detailList" :key="item.id ...

vue vxe-gantt 甘特图实现子任务拖拽排序 通过 row-config.drag 和列设置 drag-sort 启用行拖拽排序功能 查看官网：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：http ...

‍ 写在开头 点赞 + 收藏 学会 自动生成前端路由最佳实践 概述 本文档介绍如何使用 vite 和 vite-plugin-pages 在前端项目中自动生成前端路由，通过文件系统结构自动映射为路由配置，减少手动维护路由的工作量。 安装必要依赖 首先需要安装用于自动生成路由的插件 ...

vue vxe-gantt 甘特图的使用 查看官网：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：https://gitee.com/x-extends/vxe-gantt npm install vxe- ...

本H5移动前端项目使用最新的 `Vue3.5`、`Vite6`、`Vant4`、`Pinia`、`TypeScript`、`UnoCSS`、`Vue-i18n` 等主流技术开发，结合我们《SqlSguar开发框架》后端的功能接口，实现了相关的框架基础功能和一些业务案例的功能。另外集成了 `Axios... ...

‍ 写在开头 点赞 + 收藏 学会 前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连： 设置了 position: sticky; ...

‍ 写在开头 点赞 + 收藏 学会 unplugin-auto-import：为 Vite、Webpack、Rollup 设计的按需自动导入 API 的强大工具 开发痛点分析 在日常前端开发中，我们经常遇到以下困扰： 重复导入常用模块 - 如 dayjs、lodash 等工 ...

vue vxe-table 如何实现表格设置默认行高同时又支持自定义行高 在有些产品需求中，列表需要设置默认行高，还得同时支持自适应高度，那么对于这种情况也是可以实现的，首先将默认行高通过 css 变量修改，然后再启用自定义行高，就可以轻松实现这个功能了。 查看官网：https://vxetable ...

原生 DOM 更新 graph LR A[数据变化] --> B[手动查找DOM节点] B --> C[直接修改节点属性] C --> D[处理相关依赖节点] Diff 算法更新 graph LR A[应用状态变更] --> B[生成新的虚拟 DOM 树] B --> C[Diff 算法比较新旧树] ...

vue vxe-table 实现列个性化自定义列功能，自动记忆用户的操作列状态，完整的详细教程 在开发 ERP 系统或后台管理系统时，经常需要用到的记忆列状态的功能，就是不同用户根据不同的列表页面，比如将用户主动将常用的列显示出来和不常用的列隐藏，列冻结状态等，刷新页面或者下次进入页面后自动回复成上 ...

logoly —— 一个简单的在线 Logo 生成器，提供了类似 Pornhub 或 OnlyFans 风格的 Logo 生成功能，可以自定义颜色、字体大小，并支持 PNG 或 SVG 格式下载。 ...

vxe-table 实现服务端筛选、分页筛选 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 配置 filter-co ...

引言 在现代前端应用中，模态框(Modal)是最常用的UI组件之一。然而，随着应用规模的增长，模态框的状态管理往往会变得混乱。本文将介绍一种基于 Pinia 和 Vue 3 Composition API 的类型安全模态框管理方案，帮助你优雅地处理应用中的各种模态框状态。 核心概念解析 1. Pin ...

在很多业务系统中，有时候需要编辑富文本，就是包括图文消息排版等处理，图片有时候需要结合后端实现图片的上传处理，在本篇随笔中，结合@wangeditor的富文本编辑器和上传文件的处理的封装，来实现系统新闻资讯的管理，可以实现图片上传和图文排版的常规操作。 ...

上次客户过来讨论的时候，说起其旧系统很多字段选择是通过弹出表格选择记录的，希望沿袭这个使用习惯，否则客户对新系统开发可能不适应，问我如何在Vue3+ElementPlus前端中是否可以实现，我说你基于JQuery的都可以实现，那么Vue3上开发肯定没问题的，而且响应会更加丝滑的，于是我就琢磨做一个通... ...

@meng-xi/uni-router 是一个专为 uni-app 开发的路由管理库，采用类似 vue-router 的设计风格，并提供丰富的工具函数，帮助开发者轻松实现跨平台路由管理。 npm包地址 github地址 核心功能 类 vue-router API：与 vue-router 相似的 A ...

在我们开发业务系统的时候，往往都需要一些数据报表进行统计查看，本篇内容介绍如何在实际的前端中对报表内容进行的一些封装操作，以便提高报表模块开发的效率，报表模块的展示主要是结合Vue3中比较广泛使用的echarts图表组件进行展示。 在前端界面开发中，良好的组件封装和使用，可以给我们提供更好的开发效率... ...