木灵鱼儿_前端

6年 前端开发经验，1 年 AI 产品实战。本文记录了作为前端工程师在 AI Agent 开发中的技术选型及开发实战记录...

Zod 是什么？ Zod 是一个 TypeScript 优先的模式验证库，用于在运行时验证和解析数据结构，确保数据类型安全。...

组件库二次封装必看！深度拆解attrs透传、事件合并、slots透传、类型支持4大高频痛点，附Vue3实操解决方案，新手不踩坑，老手提效，告别封装乱象。...

用 Vite 做项目的应该都有感觉：开发体验一直很顺，但生产构建这块，项目一大就开始拉胯。 问题出在 Vite 的双引擎架构——开发用 esbuild，生产用 Rollup...

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

最近，在很多依赖库的类型定义文件中，经常能看到了一个陌生的朋友：satisfies。 相信很多人都和我一样，看完 TypeScript 的相关文档，对这个关键字还是一头浆糊...

现代 CSS 的能力，已经远远超出“写几个断点”那么简单。 今天我们从工程视角，把 单位体系 + 计算体系 一次讲透。 CSS 单位体系：本质不是长度，而是“依赖关系” C...

效果展示 使用Sass构建智能流程图式网格布局系统 项目背景 在民宿康养微实训管理平台的学生模块中，我们需要实现一个直观的流程图式界面，用于展示实训任务的执行步骤。传统的C...

别再乱建索引了！揭秘数据库索引的工作原理与“越建越慢”的真相 你是不是也遇到过这种情况？ 明明给字段加了索引，查询却没变快，甚至变得更慢了； 或者数据库写入速度突然暴跌，C...

gift-book —— 一款纯本地、零后端、完全本地运行的单页 Web 应用，旨在为各类红白喜事提供一个现代化、安全、高效的礼金（份子钱）管理解决方案。...

为了做好这款 Admin，我们累计开发了430+天、提交了1900+commit，做了一款和市面上都不一样的 Admin，目标是为了让大家在使用这款系统时少一点加班，多一点...

在前三篇文章中，我们搞定了性能、行为和错误的采集。但很多掘友在评论区灵魂发问：**“数据是抓到了，发不出去有啥用？进电梯断网了咋办？页面关太快请求被掐了咋办？.......

H5 唤醒 App（Deep Link）是移动端常见需求，它允许用户从浏览器、第三方应用或推送等入口，直接打开本地已安装的 App，并跳转到指定页面。本文系统梳理了 H5 ...

Vue 3.5 响应式重构的背后是 Preact Signals 带来的基因突变，Vue 3.5 的革新不仅延续了 Preact 的“信号哲学”，更为未来 Alien Si...

每年都有新人（老鸟也不少）掉进同一个坑里：死盯着“热门”的看，却把“有用”的当耳旁风。 他们拿着 2018 年的招聘 JD 当圣经，跟着过时的 YouTube 教程敲代码，...

前言 这篇文章跟大家一起聊聊打印优质日志的10条军规，希望对你会有所帮助。 第1条：格式统一 反例（管理看到会扣钱）： 无时间戳，无上下文。 正解代码： 在logback....

如果你对 AI 全栈开发、Tiptap 富文本编辑器定制或 DocFlow 项目的完整技术方案感兴趣，欢迎加我微信 yunmz777 进行私聊咨询，获取详细的技术分享和最佳...

Smart Ticker 是一个适用于 React/Vue/Svelte 的高性能文本差异替换动画组件。基于编辑距离算法，只滚动变化的字符，支持所有字符集，适用于各种状态展...

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

关键词：Axios / TanStack Query / React Query / 前端工程化 / 数据缓存 / 接口抽象 / 并发控制 / 失效策略 / 中后台系统 /...