前端开发综合论坛 今日: 0|主題: 906|排名: 71 

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

问题描述 在学udemy的html&css课的时候，challenge2有一部分是给超链接添加margin-top/bottom,添加后浏览器devtool的样式中显示margin已生效，但是在页面中却无法显示。 解决过程 搜索margin不生效的几个原因可以总结为 parent box 放不下 上下相邻的块产生margin折叠 但是前者一般对parent中头尾的child产生影响，后者 ...

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

在Vue3+ElementPlus前端中，有时候一些字典的关联显示，需要使用级联，因此一般使用watch监控对象变化，实现字典列表的级联更新。本篇随笔介绍基于实际案例来实现多级关联的处理操作，以供参考。 1、省市区的级联案例 在很多实际业务项目中，往往都可能涉及到级联显示的场景。比如有 省份 -> 城市 -> 区县 的字典数据，用户 ...

为了满足 DHTMLX Scheduler 用户的实际业务需求，本文将展示如何在 JavaScript 日程组件中实现“带拖拽的任务待办区（Backlog）”。这一功能让用户可以像物业管理系统那样，通过简单的拖拽操作将任务分配到时间轴上的合适位置，大幅提升排程效率与体验。 DHTMLX Scheduler 试用下载，请联系DHTMLX官方授权代理商 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 vue3项目实战 打印、导出PDF 一 维护模板 1 打印模板： <template>  <div class="print-content">    <div v-for="item in data.detailList" :key="item.id" class="label-item">      <!-- 顶部价格区域 - 最醒目 -->   &n ...

sessionStorage 与 localStorage 差不多可以算作一对兄弟，它俩的暴露的 API 方法一模一样。 但两者也有不同点： 1、sessionStorage 存入的数据在页面关闭后，会自动清除。 2、相同 URL 的每个 tab 页签的 sessionStorage 会被隔离，互不影响。也就是说相同的链接，在 A 标签页打开和在 B 标签打开，A 写入的 sessionStorag ...

vue vxe-gantt 甘特图实现子任务拖拽排序 通过 row-config.drag 和列设置 drag-sort 启用行拖拽排序功能 查看官网：https://vxeui.com Github：https://github.com/x-extends/vxe-gantt Gitee：https://gitee.com/x-extends/vxe-gantt <template> <div> <vxe-gantt v-bind="ganttOptions" v-on= ...

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

🚀 个人主页 极客小俊 ✍🏻 作者简介：web开发者、设计师、技术分享 🐋 希望大家多多支持, 我们一起学习和进步！ 🏅 欢迎评论 ❤️点赞💬评论 📂收藏 📂加关注 前言 之前我介绍过一款非常好用的前端开发图标字体库FontAwesome 但是除了它还有一款非常好用并且也是免费的图标字体库也是非常不错,并且我自己开发时也是经常 ...

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-pc-ui@4.8.19 vxe-table@4.16.0 vxe-gantt@4.0.0 // ... import VxeUIAll from 'vxe-pc-ui' import 'vxe-pc-ui/es/style.css' import VxeUITab ...

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

大家好，我是 Java陈序员。 在日常工作生活中，常常需要对一些文件进行转换，如不同格式的照片进行转换，还有 Office 各文档之间的转换等。但常常找不到趁手的工具，使用在线工具又担心隐私泄漏。 今天，给大家介绍一个开源自托管的文件转换神器，支持超多种文件格式转换，可以说是格式转换全能王！ 关注微信公众号：【Jav ...

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

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   unplugin-auto-import：为 Vite、Webpack、Rollup 设计的按需自动导入 API 的强大工具 🔍 开发痛点分析 在日常前端开发中，我们经常遇到以下困扰： 重复导入常用模块 - 如 dayjs、lodash 等工具库 频繁引用枚举值 - 相同的 enum 需要在多个文件中重复导入 全局函数 ...

本地存储除了 Cookie 外，还有 localStorage 和 sessionStorage，本文一探 localStorage。 localStorage 此 API 存入的数据会 永久 保存在浏览器中，除非用户手动删除。 localStorage 能用于同一浏览器同一域名跨标签页通信。 同一浏览器无痕模式和非无痕模式下，localStorage 存储的数据无法互通，且无痕模式存入的数据在 ...

近日，JavaScript 数据表格方案AG Grid 正式发布 34.1 版本，本次更新以“提升开发者生产力、简化测试流程、增强布局与样式控制”为核心目标，带来了多项实用功能与体验优化。值得一提的是，该版本为非中断版本，当前使用 33.x 版本的开发者可无缝升级，无需修改已有代码。 AG Grid最新版下载，请联系AG Grid中国区合 ...

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

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 什么是浏览器指纹？ 浏览器指纹，是用来唯一标识你浏览器的一组“特征值”。它不是我们理解中的那种真实指纹，而是通过收集浏览器、操作系统、设备分辨率、字体、插件等信息，组合成的一个独特 ID。 和传统的 Cookie 不同，浏览器指纹不需要在用户设备上存储任何东西，完全是 ...

React开发者们的呼声，DHTMLX团队听到了！继DHTMLX React Gantt图表广受欢迎后，DHTMLX再次带来全新力作 —— DHTMLX React Scheduler正式发布！ 该组件将成熟稳定的JavaScript Scheduler功能完美移植到React生态，为现代Web开发提供强大的日程排程能力，极大地提升项目开发效率与界面体验。本文将带您快速了解其核心 ...