MaGua

在做实时监控系统时，比如服务器状态面板、订单处理中心或物联网设备看板，每隔 5 秒自动拉取最新数据是再常见不过的需求了。 但你有没有遇到过这些问题？ 页面切到后台还在疯狂发...

通过前面几篇文章，我们深入学习了 Yjs 的核心概念、y-protocols 协议、y-websocket 网络同步和 y-indexeddb 本地持久化。现在让我们把这些...

🎯 我用 NestJS + Vue3 + Prisma + PostgreSQL 打造了一个企业级 sass 多租户平台 前言 这是一个基于 NestJS + Vue3 ...

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

项目上线后，随着用户量增长，页面性能急剧下降？首屏加载超过3秒，滚动时频繁掉帧，甚至导致设备发烫？这些问题不仅影响用户体验，也直接影响业务转化率。 今天，我将分享在真实项目...

一、为什么需要防重复弹窗？ 在实际开发中，前端常遇到 多接口并行请求 的场景： 场景1：电商结算页同时调用库存、优惠券、地址校验接口 场景2：后台管理系统批量提交多个表单 ...

不要再瞎封装请求了！十年老前端带你来看看网上一些常见的请求封装存在的问题，手把手带你离开封装请求的误区。...

面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。 这个回答不能说错，但远称不上好答案。 一个好答案，至少要说清三件事： 有哪些常见存...

从 1774 行到 178 行：我如何重构一个 Claude Code Skill 起因 用 Claude Code 做代码审查，总觉得差点意思。 它能指出明显的 bug，...

大家好，我来了😁。 前端代码在浏览器里是裸奔的。——这几乎是所有开发者的共识。 只要用户按一下 F12，你的源码、你的接口、你的数据结构，全部一览无余。黑客可以修改你的变...

前端Blob、File、FileReader、ArrayBuffer的使用场景、优缺点 在现代前端开发中，处理文件和二进制数据是常见的需求。Blob、File、FileRe...

平时工作和学习中，会遇到一些对二进制对象的操作，总是对Blob、File、FileReader、ArrayBuffer、Buffer、URL.createObjectURL...

前言 对于接口拦截的使用场景我们一般是在一些组件切换的时候，虽然组件被销毁，但是往往这个时候内部没有完成的接口请求以及异步任务已经被推入了异步队列，其回调依旧会被代码执行完...

这不最近我司设计又又给我整活了，甩给我几张炫酷的图表效果图，看得我眼花缭乱；笔者瞅了一眼ECharts常规配置项，果然直接配置是实现不了的。不过没关系，这次正好深入ECha...

封装一个vue3 多行文本超出省略展开/收起和tooltip展示组件 前言 相信大家都能遇到这样一个问题，文本超出省略了，那么怎么既能让页面不被密密麻麻的文字占满，又能让所...

今天要分享的实用小知识是最近项目中遇到的标签相关的功能，我不知道叫啥，姑且称之为【多行标签展开隐藏】功能吧，类似于多行文本展开折叠功能，如果超过最大行数则显示展开隐藏按钮，...

对于需要快速响应和流畅滚动的场景，表格虚拟滚动可以提供更好的性能。通过减少渲染的数据量，可以减少浏览器的内存占用和重新渲染的开销，从而提高页面的响应速度和滚动的流畅性。...

ATableVirtual虚拟表格，更加轻量级、少侵入性代码、无需改造业务代码。尝试性的去解决超大数据渲染、卡顿问题。...

本文从nextTick API 的概念到使用，再到源码，层层剖析。系统地回顾nextTick的相关用法，以及内部调用逻辑。...