vxe-gantt 实现实现多行日期轴、按季度进行查询数据渲染
vxe-gantt 实现实现多行日期轴、按季度进行查询数据渲染 查看官网：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：https://gitee.com/x-extends/vxe-gantt 实现按季度 ...
监控神器！一款易于使用的自托管服务监控工具！
大家好，我是 Java陈序员。 在数字化时代，无论是个人开发者的独立产品，还是企业的业务系统，一旦出现故障，都可能造成用户流失或业务损失。因此，搭建一套可靠的监控告警系统是十分必要的。 今天，给大家介绍一款监控神器，开源自托管！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超 ...
上下margin无法生效的一种情况-行内元素
问题描述 在学udemy的html&css课的时候，challenge2有一部分是给超链接添加margin-top/bottom,添加后浏览器devtool的样式中显示margin已生效，但是在页面中却无法显示。 解决过程 搜索margin不生效的几个原因可以总结为 parent box 放不下 上 ...
vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板
vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板 当需要渲染自定义内容模板是，就可以通过插槽来实现，非常灵活 查看官网：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：htt ...
在Vue3+ElementPlus前端中，使用watch监控对象变化，实现字典列表的级联更新处理
在Vue3+ElementPlus前端中，有时候一些字典的关联显示，需要使用级联，因此一般使用watch监控对象变化，实现字典列表的级联更新。本篇随笔介绍基于实际案例来实现多级关联的处理操作，以供参考。 ...
如何在DHTMLX Scheduler中实现带拖拽的任务待办区（Backlog）
为了满足 DHTMLX Scheduler 用户的实际业务需求，本文将展示如何在 JavaScript 日程组件中实现“带拖拽的任务待办区（Backlog）”。这一功能让用户可以像物业管理系统那样，通过简单的拖拽操作将任务分配到时间轴上的合适位置，大幅提升排程效率与体验。 ...
记录---vue3项目实战 打印、导出PDF
写在开头 点赞 + 收藏 学会 vue3项目实战 打印、导出PDF 一 维护模板 1 打印模板： <template> <div class="print-content"> <div v-for="item in data.detailList" :key="item.id ...
Web前端入门第 84 问：JavaScript sessionStorage 那些容易踩坑的地方
sessionStorage 与 localStorage 差不多可以算作一对兄弟，它俩的暴露的 API 方法一模一样。 但两者也有不同点： 1、sessionStorage 存入的数据在页面关闭后，会自动清除。 2、相同 URL 的每个 tab 页签的 sessionStorage 会被隔离，互不 ...
vue vxe-gantt 甘特图实现子任务拖拽排序
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 甘特图的使用
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- ...
基于Vant4+Vue3+TypeScript的H5移动前端
本H5移动前端项目使用最新的 `Vue3.5`、`Vite6`、`Vant4`、`Pinia`、`TypeScript`、`UnoCSS`、`Vue-i18n` 等主流技术开发，结合我们《SqlSguar开发框架》后端的功能接口，实现了相关的框架基础功能和一些业务案例的功能。另外集成了 `Axios... ...
格式转换全能王！一个开源自托管的文件转换神器
ConvertX —— 一个基于 TypeScript、Bun 和 Elysia 实现的自托管在线文件转换工具，支持超过一千种不同格式的文件转换。 ...
记录---为什么你写的 `position: sticky` 不工作？99% 的前端都踩过这个坑
写在开头 点赞 + 收藏 学会 前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连： 设置了 position: sticky; ...
记录---高效前端开发：使用 unplugin-auto-import 实现依赖自动导入
写在开头 点赞 + 收藏 学会 unplugin-auto-import：为 Vite、Webpack、Rollup 设计的按需自动导入 API 的强大工具 开发痛点分析 在日常前端开发中，我们经常遇到以下困扰： 重复导入常用模块 - 如 dayjs、lodash 等工 ...
扣子 Coze 产品体验功能
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：长路 认识扣子 相关链接 官方文档：什么是扣子 https://www.coze.cn/open/docs/guides/welcome 学习资源：https ...
Web前端入门第 83 问：JavaScript localStorage 有大小限制吗？溢出会怎样？
本地存储除了 Cookie 外，还有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的数据会 永久 保存在浏览器中，除非用户手动删除。 localStorage 能用于同一浏览器同一域名跨标签页通信。 同一 ...
JavaScript数据网格方案AG Grid 34.1更新：提升开发效率，优化测试与布局体验
近日，JavaScript 数据表格方案AG Grid 正式发布 34.1 版本，本次更新以“提升开发者生产力、简化测试流程、增强布局与样式控制”为核心目标，带来了多项实用功能与体验优化。值得一提的是，该版本为非中断版本，当前使用 33.x 版本的开发者可无缝升级，无需修改已有代码。 AG Grid ...
vue vxe-table 如何实现表格设置默认行高同时又支持自定义行高
vue vxe-table 如何实现表格设置默认行高同时又支持自定义行高 在有些产品需求中，列表需要设置默认行高，还得同时支持自适应高度，那么对于这种情况也是可以实现的，首先将默认行高通过 css 变量修改，然后再启用自定义行高，就可以轻松实现这个功能了。 查看官网：https://vxetable ...
记录---浏览器指纹-探究前端如何识别用户设备
写在开头 点赞 + 收藏 学会 什么是浏览器指纹？ 浏览器指纹，是用来唯一标识你浏览器的一组“特征值”。它不是我们理解中的那种真实指纹，而是通过收集浏览器、操作系统、设备分辨率、字体、插件等信息，组合成的一个独特 ID。 和传统的 Cookie 不同，浏览器指纹不需要在用户设 ...