![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
设计模式
文章平均质量分 51
qq_32021429
这个作者很懒,什么都没留下…
展开
-
Vue3+ts封装一个简单版的Message组件
项目中需要使用信息提示框的功能,ui组件库使用的是字节的arco-design-vue。看了一下,现有的Message不满足要是需求,直接使用message组件的话,改样式太麻烦。Notification组件样式倒是符合了,但是弹出的位置不符合,查看了一下相关api,这位置不支持"top"。既然如此,那就去查看它俩的源码,找到我想要的,修修改改,自己也写一个,嘻嘻。原创 2023-09-01 09:40:52 · 826 阅读 · 0 评论 -
观察者模式原理
观察者模式原理 观察者模式其本质还是事件池机制。学了发布订阅之后,可以将二者进行简单的对比,方便记忆。 发布订阅模式:只有一个类 Publish,该类提供了 on、off、fire三个方法,分别用来 添加、删除、通知 事件。在发布订阅中,我们往事件池中添加的都是一个个具名方法(函数)。 function Publish() { // 事件池中存放的是一个个方法 this.fns = []; } Publish.prototype = { constrctor: Publ原创 2021-05-07 14:26:20 · 367 阅读 · 0 评论 -
JS中常见的几种设计模式
JS设计模式 JS设计模式:是一种思想,更规范更合理地去管理代码【方便维护、升级、扩展、开发】 单例模式 && 命令模式 1、 最早期的模块化编程思想【同样的还有:AMD、CMD、CommonJS、ES6Module】 2、 避免全局变量的污染 3、 实现模块化之间的相互调用【提供了模块导出的方案】 4、在实际开发中,还可以基于命令模式管控方法的执行顺序,从而有效的实现出对应的功能【命令模式:只导出一个方法,这是在该方法中将其余方法按照一定顺序去执行】 // 单例设计模式 // 例如原创 2021-05-07 10:59:10 · 351 阅读 · 0 评论 -
JS中的发布订阅
JS中的发布订阅设计模式 基于单例设计模式构建发布订阅(对象) /* * 设计模式:是一种思想,用来有效管理代码的思想 + 单例设计模式:对象 + 工厂设计模式:面向对象创建实例 + Promise设计模式:异步管理 + 发布订阅设计模式 + ... 发布订阅: 来源于 DOM2级事件池 DOM2级事件池机制:可以同时给同一事件类型行为绑定多个方法,当事件触发,绑定的方法依次被执行 */ /* function dom1()原创 2020-11-02 12:26:45 · 206 阅读 · 0 评论 -
js中的单例设计模式以及部分JQ源码解析
学习JavaScript高级第七天(单例设计模式,JQ源码解析) // -----------------------单例设计模式------------------ /* * 单例设计模式: 原理:利用闭包的保护及对象的分组特征,结合在一起实现的(最早期的模块化编程) 单例:单独的实例,每一个实例都是独立开来的,里面有很多自己的私有属性和方法 + 每一个对象都是Object的单独实例 + let obj = {}; 字面量方式 + le原创 2020-10-19 17:01:42 · 156 阅读 · 0 评论