‍ 写在开头 点赞 + 收藏 学会 一键切换「整体 Scale 缩放」「Rem 等分适配」 窗口自动监听 resize 适配设计稿 1920*1080 Vue3 全局直接引入用 一、新建组件 ScreenAdapter.vue <template> <div class="scr ...

在项目管理中，我们经常需要将一组子任务聚合到父级任务行中展示，以便直观地看到整个任务组的完整时间跨度。vxe-gantt 通过 子任务视图（Subview） 机制，可以将任意层级的子任务渲染到父级任务行内，实现“一行显示多个子任务”的效果。本文介绍两种方案：单进度条（聚合展示）和双进度条（计划 vs ...

在开发后台管理系统时，表格中的金额字段往往需要特殊的展示和编辑方式，例如右对齐、保留两位小数、带货币符号前缀等。vxe-table 的自定义渲染器（Renderer） 机制，允许我们将任何 Vue 组件嵌入到表格单元格中，实现高度定制化的交互体验。 一、什么是渲染器？ 渲染器是 vxe-table ...

‍ 写在开头 点赞 + 收藏 学会 为什么单页应用切换页面时，浏览器没有真正刷新？地址栏变了，页面却没白一下？今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面，而是自己偷偷换了内容。看完这篇，你也能实现一个自己的前端路由。 前言 你有没有注意过，现在很多网站（比如知乎 ...

在实际业务中，表格列经常需要使用插槽（Slot）来自定义渲染复杂内容，例如多行信息、图标、按钮等。然而，vxe-table 的默认导出功能只能导出单元格的原始数据（即 field 绑定的字段值），无法识别插槽中的 HTML 结构。为了解决这个问题，vxe-table 提供了 export-metho ...

karakeep —— 一款可自托管的书签应用（支持链接、笔记和图片），具备基于人工智能的自动标签功能和全文搜索功能。 ...

‍ 写在开头 点赞 + 收藏 学会 短链跳转 短链服务（服务端/运维负责）：短链（如 s.xxx.com/abc123）本身只是一个入口。当用户在浏览器访问短链时，DNS会将其指向短链服务器，短链服务器会通过 HTTP 302 重定向，将用户的浏览器跳转到真实的长链地址（如 ap ...

低代码开发在经历了前几年的概念炒作后，如今已进入“落地检验期”。各家平台都在拼命堆功能、拼场景，但真正用起来，你会发现很多产品要么太“玩具”只适合做原型，要么太“重型”离开原厂支持就玩不转。作为一位在信息化部门摸爬滚打多年的技术选型负责人，我最近半年密集调研了市面上主流的一众低代码平台，上手实测后心 ...

针对传统固定资产盘点“对账难、效率低”的痛点，本文结合 CIYO 资产系统，深度拆解从底账梳理、任务新建、移动端扫码到进度掌控、异常核销的 5 大标准化盘点步骤，帮助企业构建数字化对账闭环，实现轻松高效的“账实合一”。 ...

‍ 写在开头 点赞 + 收藏 学会 要实现一个 3D 看房效果，可以使用 Three.js 创建一个虚拟的 3D 场景，并通过加载全景图片或 3D 模型来模拟房间的外观。以下是一个完整的实现方案，结合代码逐步讲解如何实现这一功能。 实现步骤 创建基础场景和相机 使用 Three. ...

这是一个由cloudflare workers实现前后端，github actions提供评测的0成本OJ系统。（其实需要一个域名） demo地址 项目地址 部署 你需要什么 1.一个cloudflare账号 2.一个github（注册教程自行搜寻） 3.本地电脑nodejs环境（可以使用中文镜像站 ...

在商品管理、订单报表等业务场景中，我们常常需要展示多层级分类（如一级分类 → 二级分类 → 三级分类），并希望将相同分类的数据行纵向合并，让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组（children）和单元格合并（mergeCells）机制，可以轻松实现这一效果。 ...

在实际项目管理中，不同团队或地区对“一周的开始”有不同的习惯——国内通常以周一为起始，而部分欧美国家以周日为起始。vxe-gantt 通过 scales 中 week 类型的 startDay 参数，允许你灵活自定义每周的起始天，让甘特图的时间轴更贴合业务习惯。 核心配置：startDay 参数 在 ...

当任务时间跨度集中在数小时甚至分钟级别时，默认的时间轴粒度可能无法清晰展示任务细节。vxe-gantt 的小时视图（hour）结合 step 参数，可以灵活控制时间轴的显示密度，让短期任务的进度展示更紧凑、更直观。 核心配置 通过 taskViewConfig.scales 配置时间轴层级，将底层单 ...

在甘特图的实际应用中，任务数据的时间跨度往往差异很大——有些任务跨数月，有些仅数天。默认的时间轴可能会因为单元格过密（如逐日显示）导致视觉拥挤，或过疏（如逐月显示）导致细节丢失。vxe-gantt 通过 scales 配置项中的 step 属性，允许你自定义日期轴的单位跨度，从而灵活控制时间轴的显示 ...

‍ 写在开头 点赞 + 收藏 学会 需求背景 实现效果 现在很多AI智能体应用，会向用户开放自定义音色的功能，以便用户能使用自己的声音生成一个角色。实现自定义音色的前提就是采集用户自己的声音，以供后续大模型生成角色的自定义音色。本文将介绍，怎么在web中实现录音以及音频的可视化。 ...

‍ 写在开头 点赞 + 收藏 学会 Vue 实战：纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中，经常会遇到“点击分享，生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源，我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...

‍ 写在开头 点赞 + 收藏 学会 问题场景 群里有位同学在刷 LeetCode，想初始化一个长度为 100 的全 1 数组： const arr = Array(100).map(() => 1) console.log(arr.length) // 100 console.l ...

Netcatty —— 一个基于 Electron、React 和 xterm.js 构建的现代化 SSH 客户端、SFTP 浏览器&终端管理器。内置 AI Agent、分屏终端、多视图、SFTP 工作流、自定义主题等功能。 ...

在项目管理中，计划进度与实际进度的对比是衡量执行偏差的关键指标。vxe-gantt 提供了灵活的树形结构和自定义任务条能力，通过巧妙的数据拆分策略，我们可以在一棵甘特树中同时展示计划和实际两条进度条，并且支持从一级到多级的完整继承。 本文将分两个方式来实现方案： 一级双进度：仅对顶层任务拆分计划和实 ...