有那么个东西，你可能听过，没看过，但是写过😆 那就是设计模式 不说废话，直接上 先来两个手写常问的：

前端作为软件工程长期发展出来的一个独立分支，一直没有属于自己的特定的代码设计模式，最近我们在实践中对一些发源于面向对象的代码设计做了一些总结，总结了三种模式，遂有此文予以分享。 组件模式 组件模式是我

在某个月黑风高的晚上...没剧刷的我无意想起以前处理的一些弹窗的坑。 然后又无意间刷到“Portal”，才知道Modal的实现还有如此妙的方式，顺而想着干脆把UI组件库的实现原理看完。 1. Modal弹窗的基本原理 我给弹窗类的定义是脱离固定的层级关系，不再受制于层叠上下文的…

共有 23 种设计模式。这些模式可以分为三大类： 创建型模式（Creational Patterns）- 这些设计模式提供了一种在创建对象的同时隐藏创建逻辑的方式，而不是使用 new 运算符直接实例化对象。这使得程序在判断针对某个给定实例需要创建哪些对象时更加灵活。 结构型模式…

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理…

接上节面向对象设计随想. 凡入派者, 必遵其规. 在面向对象的世界里, 所有的一切都是可以抽象成一个对象, 例如玫瑰花, 银杏树, 啄木鸟, 东北虎, 所有东西我们都可以抽象成: 是什么, 有什么, 能做什么; 然后进一步, 我们可以再抽象, 再封装, 进而归结为类 -- 花木…

上一篇，我们通过宠物店简单了解工程模式在前端开发中的运用开发。那么继续我们23篇设计模式的链路，我们来了解一下代理模式在前端中的运用 代理模式的定义：代理模式给某一个对象提供一个代理对象，并由代理对象控制对原对象的引用。通俗的来讲代理模式就是我们生活中常见的中介。 中介隔离作用…

由于每天早晚看娃，很少有整块的时间，只能一天抽几分钟整理一两个便签，还好这个flag算是勉勉强强的完成了，收获确实很多，下面就是整理的笔记，如有错误，恳请拍砖，em....，用力拍👋👋👋。 可能很多优秀的模式模式是潜移默化在你的代码和实现思路里，只不过叫不上名字，如果粗略…

本文介绍的设计模式主要有策略/状态模式，外观模式，迭代器模式，备忘录模式。 假如我们需要做一个计算器，需要支持加减乘除，为了判断用户具体需要进行哪个操作，我们需要4个if...else来进行判断，如果支持更多操作，那if...else会更长，不利于阅读，看着也不优雅。所以我们可…