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

‍ 写在开头 点赞 + 收藏 学会 布局踩坑｜CSS 冷门知识点 | 一个 flex 子项里放了长文本或长单词，明明设置了 width: 100%，容器却还是被撑破、出现横向滚动条？改 overflow: hidden 又会导致内容被裁掉、text-overflow: ellip ...

‍ 写在开头 点赞 + 收藏 学会 大概也在 uni-app 项目里写过这样的分页加载——onReachBottom 里加一页、发请求、拼数组： <script setup> import { ref } from 'vue'; import { onReachBottom, o ...

之前我在网页上做过一个好玩的东西：一颗胶囊形状的卡片，里面的颜色像水彩一样不停流动，鼠标划过去还会跟着加速。很多朋友问能不能在小程序里用。我试了才知道，网页上三行代码搞定的 canvas，到了小程序里完全是另一回事。这篇记录一下这团"云雾"从网页搬进微信小程序的过程，以及我最后把它封装成的到小程序 ...

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

在数据表格中，当列数过多时，用户往往需要根据当前关注的数据维度，临时隐藏或展开某些列。vxe-table 提供了灵活的列显示控制 API（showColumn / hideColumn），结合自定义表头插槽，可以轻松实现类似“折叠面板”的列分组折叠功能。 实现思路 列分组结构：通过 children ...

Rote —— 一个开源的、注重“克制体验”的个人笔记与知识库系统，提供一个优雅、自托管的记录平台，具备个人随笔、灵感记录、公开动态分享等功能。 ...

私传网（Send.wang）是一款基于 WebRTC 技术的纯网页端点对点（P2P）文件传输工具，它无需下载任何 App 或注册账号，只需在任意现代浏览器（如 Chrome、Safari）打开网页即可使用。这使其能在 Windows、macOS、Linux、Android、iOS 等全平台间互通互传... ...

chartdb —— 一款功能强大的基于 Web 的数据库表可视化编辑器，无需数据库账号密码即可生成数据库表关系图，支持 Docker 私有化部署，兼容 Open AI 等大模型实现 AI 建表、跨数据库 DDL 转换。 ...

‍ 写在开头 点赞 + 收藏 学会 一、问题描述 在 OverallProcurementDashboard 和 OrderDataPanel 两个大屏看板页面中，使用 CSS scale 缩放方案来适配不同屏幕尺寸。当用户点击收起左侧菜单栏时，会出现以下两个问题： 竖向滚动条出 ...

在表格内编辑数据时，校验提示是引导用户正确输入的重要手段。vxe-table 提供了便捷的 CSS 变量方案，让你无需编写复杂的样式覆盖代码，即可调整校验提示框的字体大小、内边距等样式，使其与项目整体视觉风格保持一致。 CSS 变量 vxe-table 的校验提示框（单元格校验错误信息）支持以下 C ...

在后台管理系统中，表单校验是保证数据质量的关键环节。vxe-form 默认的校验提示样式可能无法完全匹配项目的视觉风格。vxe-form 提供了简洁的 CSS 变量方案，让你可以轻松调整校验提示框的字体大小、内边距、颜色等样式，无需编写复杂的样式覆盖代码。 CSS 变量 vxe-form 的校验提示 ...

引言 在 Web 应用中处理文档格式转换一直是前端开发中的难点。传统方案通常依赖服务端接口，但这也带来了额外的服务器成本和网络延迟。随着 WebAssembly 技术的成熟，如今我们可以在浏览器端直接完成 RTF 到 PDF 的转换，本文将分享一种基于 WASM 的实现方案。 环境准备与安装配置 在 ...

在数据报表或管理后台中，用进度条直观展示任务完成度、资源利用率或评分等数值，能极大提升数据的可读性。vxe-table 通过内置的 progress 渲染器，让你在表格单元格中一键渲染进度条，并支持丰富的自定义样式和交互。 配置 在列定义中，通过 cellRender 属性指定渲染器为 'progr ...

在ERP或后天管理系统开发中，右键菜单是提升操作效率的常用交互方式。Vxe UI 提供的 vxe-context-menu 组件，让你可以轻松为任何元素绑定自定义右键菜单，并支持多级菜单、图标配置、禁用/显示控制等丰富功能。本文将从基础用法到高级配置，全面介绍该组件的使用技巧。 菜单配置 通过 op ...

magic-resume —— 一个基于 TanStack Start 和 Motion 构建的现代化在线简历编辑器，支持实时预览和自定义主题，让创建专业简历变得简单有趣。 ...

‍ 写在开头 点赞 + 收藏 学会 1.在public中放入js 视口大小 init() { // 设置播放容器的宽高并监听窗口大小变化 window.addEventListener("resize", () => { this.player.JS_Resize(); }); ...

‍ 写在开头 点赞 + 收藏 学会 最近在小程序里做了一套人脸检测拍照引导，目标很明确：用户进入相机后，必须满足“正脸、距离合适、居中、无遮挡”之后，才能拍照进入后续测肤流程。 一开始以为只是调个相机组件，后来发现真正麻烦的是：微信小程序给你的不是完整原生相机能力，而是一套沙盒里 ...

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

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