Hashan

祝贺中秋，让ChatGPT写中秋猜谜小游戏~ 去年中秋的时候，我们学校的书院做了一次线下的猜谜游戏，因此想把它用小程序的方式实现。

Canvas 高性能表格组件技术详解 前言 在前端开发中，当需要渲染大量数据的表格时，传统的 DOM 渲染方案会遇到严重的性能瓶颈。每个单元格都是一个 DOM 节点，当数据量达到数万行时，页面会变得卡

📖 故事的开始：一个让浏览器崩溃的需求 某天，产品经理兴冲冲地跑过来："我们的后台需要展示用户的操作日志，大概有一万条，要支持左右滚动，还要固定前两列方便对照。" 你心想：一万条数据，每条 8 个字段

🎯 本文你将学到 ✅ 理解动态高度虚拟列表的核心难点 ✅ 掌握"预估高度 + 渲染后修正"的解决方案 ✅ 完整实现一个生产级别的动态高度虚拟列表组件 ✅ 学会使用懒加载优化虚拟列表性能 为什么需要动态

前言 在某种特殊场景下，我们需要将 大量数据 使用不分页的方式渲染到列表上，比如说渲染1000+数据时，传统的v-for渲染会遇到以下问题: 问题 描述 DOM 节点爆炸 1000 条数据 = 100

前言 背景 在前端开发场景中，我们常需搭建各类中后台系统，功能看似多样，核心却多为 CRUD 页面。这类重复性开发不仅效率低下，对个人技术能力的提升也毫无帮助。更关键的是，多数中后台系统仅存在细微差异

1. 字典是什么 业务中的枚举数据集合，例如“性别：男/女”“状态：正常/停用”。 前端诉求：一次获取，多处复用；改了后端字典能及时刷新；避免同一字典被重复请求。 2. Vue2 版本实现 核心角色

Vue 3 中 v-for 动态组件 ref 收集失败问题排查与解决 问题描述 在开发部门管理页面的搜索栏功能时，遇到了一个奇怪的问题：在 v-for 循环中渲染的动态组件，无法正确收集到 ref 数

业务抽离、NPM 发布与开放能力设计 前言 Elpis 框架核心功能开发完成后，为实现“开箱即用”的复用价值，需完成两大关键动作：一是抽离业务代码、沉淀公共核心逻辑，避免框架与具体业务耦合；二是打包为