HashTang

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

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

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

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

一、开篇：为什么需要 Hooks 1.1 组件复用 vs 逻辑复用 上一篇讲了组件封装，解决的是 UI 复用： 但还有一类复用问题：逻辑复用。 问题： 每个页面都要定义 l...

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

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

之前推荐 BenQ RD280U 之后，有人私信说：‘这屏幕素质确实好，但每次切信号源、调亮度都要伸手去按键，有点麻烦。’ 我才意识到，很多人可能跟我以前一样，买了高端硬件...

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

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

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

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

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

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

之前写完那篇 《Next.js 零成本全栈出海》 的文章后，很多人问的不是技术细节，而是一个很现实的问题：“你一个人搞全栈，又要写码又要运维又要搞 AI，身体和眼睛怎么顶得...

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

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...