面试官：我为什么总在浏览器存储问题上追问IndexedDB？
写在开头 点赞 + 收藏 学会 前言 面试官：“聊聊浏览器存储吧。” 我：“Cookie, LocalStorage...” 面试官：“然后呢？IndexedDB 了解吗？” 我：“...” 作为一名前端面试官，我有一个“压箱底”的问题，它像一面镜子，能清晰地照出一位候选人的 ...
分片上传和秒传，真正麻烦的都在细节里
做文件上传，需求方最常说的两句话是「大文件要能传」和「传过的别再传一遍」。 对应过来就是分片和秒传。这两件事单独看都不复杂，合在一起并且要在真实网络下跑稳，细节相当多。 分片：为什么不能一把梭 直接把 2GB 的文件塞进一个请求，会在三个地方挂掉： 反向代理和网关有请求体大小限制，默认往往只有几十 ...
支持 Markdown！一个轻量优雅的跨平台桌面便签工具！
大家好，我是 Java陈序员。 需要随手记点东西的时候，多数人的选择其实不多。系统自带的便签能写，但格式很素，贴到别处还要重新排版。装一个正经笔记软件，又觉得为记几行字开一个全家桶太重。桌面便签这个东西，看着小，真正顺手的反而难找。 今天，给大家介绍一个轻量优雅的跨平台桌面便签工具，支持 Markd ...
力导向布局总是一团乱麻？几个让图真正收敛的办法
把关系画成图，最省事的做法是丢给力导向布局：节点互相排斥，有边的互相拉扯，跑几百帧自己就散开了。 然后你会发现跑出来是一团毛球。节点挤在中间，边交叉成麻花，来回抖个不停，好不容易停下来，刷新一次又是另一个样子。 这不是力导向布局不行，是默认参数几乎不可能直接可用。下面是几个实际有效的调整方向。 先说 ...
vue 表格组件 vxe-table 按键导航编辑实现撤销与重做
在中后台表格业务开发中，用户经常会出现误编辑、误新增、误删除数据的场景，传统表格无法撤回操作，极易造成数据错误、重复录入等问题。Vxe-Table 4.x 和 3.x 内置原生撤销/重做能力，完美复刻 Excel 操作体验，支持快捷键快速撤回、恢复表格编辑、新增、删除等所有操作，无需自定义封装历史记 ...
vue 表格组件 vxe-table 渲染器，全局复用与局部渲染器的使用
vxe-table 提供了强大的渲染器（Renderer）机制，允许开发者自定义单元格的编辑与显示方式。渲染器既可以定义为局部渲染器（仅当前表格实例可用），也可以注册为全局渲染器（整个项目复用）。本文将详细介绍两种方式的使用方法、代码示例及注意事项。 渲染器是什么 vxe-table 的渲染器（Re ...
vue 表格组件 vxe-table 实现表格按回车键后自动新增一行
在数据录入场景中，用户常常需要连续添加多行记录（如订单明细、批量导入、财务分录）。vxe-table 提供了 keyboardConfig.isLastEnterAppendRow 配置，让用户在最后一行按回车键时自动追加新行，实现“录入-回车-继续录入”的流畅体验。 而当内置行为无法满足特定业务需 ...
Thinkphp8+Nuxt4开发：执行pnpm dev 报错[ERROR] Command failed with exit code ...
TP+nuxt开发时，前端安装富文本编辑器依赖包wangEditor后 pnpm add @wangeditor/editor @wangeditor/editor-for-vue 前端执行pnpm dev报错：[ERROR] Command failed with exit code 1: "C: ...
纯前端生成海报下载方案
写在开头 点赞 + 收藏 学会 Vue 实战：纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中，经常会遇到“点击分享，生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源，我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...
vue 甘特图组件 vxe-gantt 依赖连接线可视化拖拽创建与双击删除
在项目管理中，任务之间的依赖关系（紧前紧后）并非一成不变。传统方式下，开发者需要在 links 数组中手动增删配置，灵活性差。vxe-gantt 提供了可视化创建依赖线和双击删除依赖线的能力，让用户可以直接在甘特图上通过拖拽建立任务关联，或双击已有连线快速移除，大幅提升项目排期的交互效率。 参数说明 ...
从0到1构建一个汉字学习平台：汉字吧（hanzi8.com）的技术架构猜想
汉字吧这类知识服务型平台，虽然前端看起来是一个"查字"的简单工具，但背后的数据整合、检索优化、交互设计都涉及不少技术难点。对于有志于构建类似教育工具平台的开发者来说，这是一个值得研究的案例。 ...
vue 甘特图组件 vxe-gantt 配置拖拽调整任务起止日期时实时显示 Tooltip 提示
在甘特图编排中，用户不仅需要拖拽移动整个任务条，也经常需要拖拽任务条左右边缘来单独调整开始日期或结束日期（即 Resize 操作）。为了帮助用户在拖拽过程中精确定位日期，vxe-gantt 提供了 taskBarResizeConfig.showTooltip 配置，开启后会在拖拽调整边缘时实时显示 ...
vue 甘特图组件 vxe-gantt 实现拖拽任务条移动日期时，实时显示当前日期
在项目管理甘特图中，拖拽调整任务日期是高频交互操作。但用户往往希望在拖拽过程中能实时看到当前对准的日期，以便精确定位。vxe-gantt 提供了 taskBarMoveConfig.showTooltip 配置，开启后即可在拖拽任务条时显示浮动提示框（Tooltip），实时展示当前拖拽位置对应的日期 ...
从0到1构建一个汉字学习平台：汉字吧（hanzi8.com）的技术架构猜想
在汉语学习数字化浪潮中，汉字吧（hanzi8.com）作为一个集汉字字典、笔顺教学、古诗文库于一体的综合性平台，其背后涉及的技术栈和架构设计值得深入探讨。本文将从技术角度分析这样一个平台可能采用的实现方案。 ...
微前端样式隔离：为什么你的 CSS 串到别人家了？Shadow DOM、CSS Variables 与 @layer 实战
写在开头 点赞 + 收藏 学会 问题场景 多个团队/项目拼成一个"微前端"大应用时，最头疼的问题之一就是样式打架： 全局样式污染：A 项目引入的 reset.css、B 项目的高优先级选择器，把 C 项目的按钮改得面目全非。 类名冲突：几个子应用都用 .btn、.card，最 ...
vue 表格组件使用拖拽列字段自动生成数据汇总数据，实现透视表汇总
在数据分析和报表展示中，透视表（Pivot Table） 是一种强大的工具，能够通过拖拽字段快速对数据进行分组、汇总和交叉分析。传统的透视表实现往往需要借助 Excel 或专业 BI 工具，而在 Web 应用中，vxe-table 借助其灵活的列自定义和聚合能力，让开发者可以直接在表格界面上通过拖拽 ...
vue 抽屉组件挂载到指定元素内显示,，表格自适应弹窗宽高
在后台管理系统中，抽屉（Drawer）通常从屏幕边缘滑出，覆盖部分页面。但在某些布局中，我们希望抽屉仅在某个特定区域（如卡片、面板、表格容器）内打开，避免遮挡导航、侧边栏或其他关键信息。 vxe-drawer 组件提供了 transfer、append-to 和 is-within-append-t ...
vue 弹窗组件挂载到指定元素内显示
在后台管理系统中，弹窗（Modal / Dialog）通常以全局浮层形式出现，覆盖整个页面。但在某些场景下，我们可能希望弹窗仅出现在某个特定区域（如某个卡片内、某个布局容器内），避免遮挡页面其他重要信息，或者实现“面板内弹窗”的效果。 vxe-modal 组件提供了 transfer、append- ...
Web 端可用！3 款开源数据库 ER 图设计工具！
大家好，我是 Java陈序员。 做后端开发、系统设计时，数据库建模是绕不开的刚需工作。 传统的数据库设计工具普遍存在体积大、收费昂贵、兼容性差、部署复杂等问题，很难适配当下快速迭代的开发节奏。 今天给大家盘点三款 GitHub 上最火的开源数据库设计工具，不仅开源免费，而且可自托管、Web 端直接使 ...
App 内嵌 H5 秒开技术方案
写在开头 点赞 + 收藏 学会 一、背景与目标 1.1 什么是"秒开" App 内嵌 H5 的"秒开"指用户点击后，H5 页面在 毫秒级（理想 < 300ms）内完成首屏渲染，用户感知不到明显的白屏或加载过程，体验接近 Native 页面切换。 1.2 为什么 H5 加载慢 ...
