会飞的小前端

本文基于开源项目 edge-next-starter 的真实迁移经验撰写。 edge-next-starter 是一个面向 Cloudflare 全栈开发的 Next.js...

从 0 到 1 的历程 1.1 项目概览 心动恋聊是一个 AI 恋爱聊天助手小程序，帮助用户在社交场景中获得更好的聊天回复建议。 1.2 系列文章脉络 1.3 每篇文章的核...

没有错误处理的代码 可能出现的问题： 网络断开 → 应用白屏 接口超时 → 无任何反馈 返回数据为空 → Cannot read property 'replies...

一、开篇：性能问题的发现 1.1 体验评分告警 1.2 AI 给出优化路线图 二、分包优化：减少主包体积 2.1 我的需求 2.2 AI 分析页面结构 2.3 分包配置 2...

什么时候该封装组件 1.1 新手常见的误区 误区一：过度封装 误区二：不敢封装 1.2 何时应该封装组件 场景 是否封装 原因 同样的 UI 出现 3 次以上 封装 避免重...

一、开篇：登录流程的复杂性 1.1 看似简单，实则复杂 很多人觉得登录就是"点击按钮 → 调用接口 → 跳转首页"，但实际业务中的登录流程要复杂得多： 还有更多场景： 任意...

常见的"祖传代码" 很多项目的 HTTP 请求是这样写的： 问题显而易见： 每个请求都要手动拼接 baseUrl 每个请求都要手动读取 token 每个请求都要...

没有状态管理时的混乱 在没有集中式状态管理之前，我的代码是这样的： 问题显而易见： 每个页面都在重复读写 Storage 状态分散在各处，难以追踪 修改一处，容易漏改...

长久以来，"用 Vue 3 写真正的原生 App" 一直是块短板。 uni-app 虽然"一套代码多端运行"，但性能瓶颈、厂商锁仓、原生能力羸弱的问题常被开发者诟病。 整个...

曾挑战Ant Design的Arco Design，如今GitHub Issue堆积，IconBox宕机，维护归零！揭秘字节跳动内部赛马，Arco如何被Semi 干翻，KP...

别被"完美提示词"骗了 1.1 一个常见的误区 网上很多 AI 教程会给你看这样的"完美提示词"： 然后告诉你："看，一次就能得到完美答案！" 但问题是： 你一开始怎么知道...

还记得小何吗？完成前端架构搭建后，他面临一个更大的挑战：后端 API 开发。 作为一个前端开发者，小何对后端并不陌生，但每次写后端代码时，总有一种"如履薄冰"的感觉...

为什么项目初始化这么让人头疼？ 还记得上一篇文章里提到的小何吗？他在"心动恋聊"项目中遇到的第一个挑战，就是前端项目初始化。 传统方式的痛点 如果你做过前端项目，一定深有体...

上周，我的朋友小何找到我，一脸愁容。他接了一个恋爱话术回复类的小程序项目——"心动恋聊"，需要在 2 个月内完成从 0 到 1 的开发。看着需求文档上密密麻麻的功能点，他开...

作为开发者，我们都想快速验证自己的想法，尤其是在海外市场。但一想到要配服务器、搞数据库、CDN、CI/CD... 一个人基本就被劝退了。 这篇文章，我想分享一个开源模板，它...

先上效果图 体验地址：https://ai.hxkj.vip/cover 可以根据自己的口味自由生成红包封面 想看实现步骤和原理的可以接着往下看，只想过把瘾的话，直接进入上...

有人会说，你这种代码敢用在项目里？你猜会不会被同事骂死？嘿嘿，那就教你一招，把本文每个功能函数所对应的代码详解，当成注释写上，这样不仅不会被骂，还会被夸牛*，我相信你会回来...