饺子的superfans

往年的总结总是有迹可循：工作项目做了什么事、学了什么技术、读了什么书、爬了哪些山、去了哪里旅游。 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 依赖*...

pnpm 是不是比 yarn + lerna 更香？节省磁盘空间，安装依赖更快，内置 Monorepo 功能。说实话，不得不用 pnpm 的原因，还得是电脑内存不够用，用 ...

我们可以看到，这 14 条优化建议，大多数，打包工具已经在打包的过程中帮我们实现了，但是我们还是要清楚为什么要这么做，这样做的好处，有时间的朋友们可以去刷下原书，2 小时就...

在一个多人协作的前端项目中，当我们各自保留个人编码风格时，我们很难去维护其他人开发的功能，只有指定一套团队公共的编码风格，团队里每个人都按照这套风格来编码，我们才可以很容易...

每一次总结，都发现可以总结的东西太少，都想着，明年的总结一定要比今年更充实，看更多的书，吸取更多的知识。 然而明年复明年，明年何其多。 只得告诉自己，只要有行动，今年就做得...