饺子的superfans

Hi～大家好呀，我是清汤饺子。 前几天让 Claude Code 帮我写个小功能，它噼里啪啦一顿输出，代码倒是挺像那么回事。一跑，报错 40 个。 我盯着屏幕愣了三秒，然后...

前言 Hi～大家好呀。 我是清汤饺子，一个用 Claude Code 写了半年代码的普通前端工程师。 说实话，一开始我也用不太好，就觉得它跟其他 AI 编程工具差不多嘛，问...

我结合 Cursor 官方文档和实战经验，聊聊哪 7 个功能真正能提升效率。 我踩过的坑 刚开始用 Cursor 的时候，我只会： "帮我写个登录表单。" "这个报错怎么解...

往年的总结总是有迹可循：工作项目做了什么事、学了什么技术、读了什么书、爬了哪些山、去了哪里旅游。 2025 年我依然在高速奔跑，但不同的是我的脚下有了更踏实的实土，耳边少了...

敲着键盘，删删改改，第一行却不知道从何动笔。 2024 在我心里是很特殊的一年，我感受到自己的心态突然变得比过往都更加的平和，不再那么容易被一些外部的事情影响。...

当内容更新时，需要在入口加上小红点提示，这种需求屡见不鲜，实现起来也不复杂。实现的场景有很多，web 端、app 端、小程序端等等，实现思路大同小异，本文从有无登录态两种情...

策略模式是一种常用且有效的设计模式，定义一系列算法，把它们一个个封装起来，并且使它们可以相互替换。本文通过表单验证，讲述如何在实际工作中用策略模式进行开发。...

什么是单例模式 单例模式的定义是，保证一个类仅有一个实例，并提供一个访问它的全局访问点。 有一些对象，比如线程池/全局缓存/浏览器中的window对象等等，我们只需要一个实...

观察者模式建立了一套触发机制，帮助我们完成更松耦合的代码编写。但是也不能过度使用，否则会导致程序难以追踪和理解。...

本文通过给鸭子函数动态增加功能、数据上报、动态增加参数 3 个例子，讲述了装饰器模式的应用场景及带给我们的好处。 装饰器模式，让对象更加稳定，且易于复用。而不稳定的功能，则...

代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。 代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问...

这是我参与更文挑战的第4天，活动详情查看： 更文挑战。职责链模式就是当一个对象 a，有多种可能的请求对象 b、c、d、e 时，我们为 b、c、d、e 分别定义一个职责，组成...

本文实现了一个符合Promises/A+ 规范的 Promise，我们可以继续自己动手，参考 ES6 的 Promise 方法对 MyPromise 进行拓展练习。...

本文从什么是虚拟 DOM、为什么使用虚拟 DOM、虚拟 DOM 的实现原理等 3 个角度对虚拟 DOM 进行讲述。...

本文实现简单版本的 React，参考 React 16.8 的基本功能，包括虚拟 DOM、Fiber、Diff 算法、函数式组件、hooks 等。...

需要动态生成类型的场景，必然是要用类型编程做一些运算，即使有的场景下可以不用类型编程，但是使用类型编程能够有更精准的类型提示和检查，减少代码中潜在的问题。...

当开发的项目中有一些公共组件可以沉淀的时候，将这些组件抽离出来，开发一个组件库无疑是一个好的选择。 那么怎么去开发一个组件库呢？本文将和你一起从零开发一个 React 组件...

本文介绍了 5 种瀑布流场景的实现： - 纵向+高度排序 - 纵向+高度排序+根据宽度自适应列数 - 横向 - 横向+高度排序 - 横向+高度排序+根据宽度自适应列数...

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖*...