![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
设计模式
莱恩-哈特
Pointfree 倡导者
展开
-
前端中的设计模式——观察者模式
在实现js中的观察者模式前,先了解两个js中的概念1. hidden class解释: 由于 JavaScript 是一种动态编程语言,属性可进行动态的添加和删除,这意味着一个对象的属性是可变的,大多数的 JavaScript 引擎(V8)为了跟踪对象和变量的类型引入了隐藏类的概念。在运行时 V8 会创建隐藏类,这些类附加到每个对象上,以跟踪其形状/布局。这样可以优化属性访问时间。2. ...原创 2020-01-10 17:19:23 · 845 阅读 · 0 评论 -
前端中的设计模式——发布订阅模式
在前端中观察者通常抽象为事件更具实用性,但这种模式会有一个问题.假设想在登陆成功后通知组件A、B、C更新view(A、B、C未登录时view处于缺省状态).用观察者模式的话const ob = new Observable()// A、B、C进行一波订阅ob.add('update1', () => { console.log('login successful!')...原创 2020-01-17 15:16:11 · 1724 阅读 · 0 评论 -
前端中的设计模式——单例模式
什么是单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点.为什么需要单例模式:为了将“描述同一件事务的属性或者特征归纳汇总在一起”,同时避免全局变量污染.模块化开发之间数据的共享.(状态管理)单例模式的优点:对于频繁使用的对象,可以省略创建对象所花费的时间.由于 new 操作的次数减少,对系统内存的使用频率也会降低.全局唯一性,可以保证全局数据和功能的...原创 2020-01-19 15:26:45 · 1621 阅读 · 0 评论