Observer

1、active-class是哪个组件的属性？嵌套路由怎么定义？ 答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？ 答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id 3、vue-router有哪几种导航钩子？ 答：三种，一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件 4、scss是什么？安装使用的步骤是？有哪几大特性？ 答：预处理css，把css当前函数编写，定义变量,嵌套。 先装css-loader、node-loader、sass-loader等加载器模块，在webpack-base.config.js配置文件中加多一个拓展:extenstion，再加多一个模块：module里面test、loader 4.1、scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？ 答：css的预编译。 使用步骤： 第一步：用npm 下三个loader（sass-loader、css-loader、node-sass） 第二步：在build目录找到webpack.base.config.js

作者 | 张远征 来源| 阿里巴巴云原生公众号 导读 ：Dubbo 作为分布式微服务框架，众多公司在实践中基于 Dubbo 进行分布式系统架构。重启开源后，我们不仅看到 Dubbo 3.0 最新的 Roadmap 发布 ，而且还看到阿里在自身电商开始推进 Dubbo 和内部 HSF 的融合 ，并在 双11 上开始使用 Dubbo 3.0。本文是工商银行基于 Dubbo 构建金融微服务架构的分享，主要讲述了服务发现的应对策略和成果，后续将发布工行大规模服务监控治理的实践，以及从企业角度怎么去对 Dubbo 二次开发等内容。欢迎关注。 背景及概览 工行传统的业务系统一般都是基于 JEE 的单体架构，面对金融业务线上化及多样化的发展趋势，传统架构已经无法满足业务的需求。因此从 2014 年开始，工行选择了一个业务系统做服务化的尝试，并验证、评估、对比了当时的几个分布式服务框架，最终选择了相对完善、并且国内已经有较多公司落地使用的 Dubbo。与此同时，工行还对 Dubbo 做了企业定制，帮助这个业务系统完成了服务化的落地，上线之后也收到了非常好的效果。 2015 年，工行开始扩大服务架构的落地范围，一方面帮助传统业务系统进行架构转型，另一方面也逐渐沉淀了类似中台的超大规模服务群组，支撑业务系统快速服务的组合和复用。随着经验积累，工行也不断对 Dubbo 进行迭代优化和企业定制

作者 | 张远征 来源| 阿里巴巴云原生公众号 导读 ：Dubbo 作为分布式微服务框架，众多公司在实践中基于 Dubbo 进行分布式系统架构。重启开源后，我们不仅看到 Dubbo 3.0 最新的 Roadmap 发布 ，而且还看到阿里在自身电商开始推进 Dubbo 和内部 HSF 的融合 ，并在 双11 上开始使用 Dubbo 3.0。本文是工商银行基于 Dubbo 构建金融微服务架构的分享，主要讲述了服务发现的应对策略和成果，后续将发布工行大规模服务监控治理的实践，以及从企业角度怎么去对 Dubbo 二次开发等内容。欢迎关注。 背景及概览 工行传统的业务系统一般都是基于 JEE 的单体架构，面对金融业务线上化及多样化的发展趋势，传统架构已经无法满足业务的需求。因此从 2014 年开始，工行选择了一个业务系统做服务化的尝试，并验证、评估、对比了当时的几个分布式服务框架，最终选择了相对完善、并且国内已经有较多公司落地使用的 Dubbo。与此同时，工行还对 Dubbo 做了企业定制，帮助这个业务系统完成了服务化的落地，上线之后也收到了非常好的效果。 2015 年，工行开始扩大服务架构的落地范围，一方面帮助传统业务系统进行架构转型，另一方面也逐渐沉淀了类似中台的超大规模服务群组，支撑业务系统快速服务的组合和复用。随着经验积累，工行也不断对 Dubbo 进行迭代优化和企业定制

作者 | 张远征 来源| 阿里巴巴云原生公众号 导读 ：Dubbo 作为分布式微服务框架，众多公司在实践中基于 Dubbo 进行分布式系统架构。重启开源后，我们不仅看到 Dubbo 3.0 最新的 Roadmap 发布 ，而且还看到阿里在自身电商开始推进 Dubbo 和内部 HSF 的融合 ，并在 双11 上开始使用 Dubbo 3.0。本文是工商银行基于 Dubbo 构建金融微服务架构的分享，主要讲述了服务发现的应对策略和成果，后续将发布工行大规模服务监控治理的实践，以及从企业角度怎么去对 Dubbo 二次开发等内容。欢迎关注。 背景及概览 工行传统的业务系统一般都是基于 JEE 的单体架构，面对金融业务线上化及多样化的发展趋势，传统架构已经无法满足业务的需求。因此从 2014 年开始，工行选择了一个业务系统做服务化的尝试，并验证、评估、对比了当时的几个分布式服务框架，最终选择了相对完善、并且国内已经有较多公司落地使用的 Dubbo。与此同时，工行还对 Dubbo 做了企业定制，帮助这个业务系统完成了服务化的落地，上线之后也收到了非常好的效果。 2015 年，工行开始扩大服务架构的落地范围，一方面帮助传统业务系统进行架构转型，另一方面也逐渐沉淀了类似中台的超大规模服务群组，支撑业务系统快速服务的组合和复用。随着经验积累，工行也不断对 Dubbo 进行迭代优化和企业定制

史上最全设计模式导学目录（完整版） 原创 2013年12月24日 23:15:16 标签： 软件工程 / 设计模式 / 博客 / 软件开发 190146 圣诞献礼！ 2012年-2013年，Sunny在CSDN技术博客中陆续发表了100多篇与设计模式学习相关的文章，涵盖了 七个面向对象设计原则和24个设计模式（23个GoF设计模式 + 简单工厂模式） ，为了方便大家学习，现将所有文章的链接进行了整理，希望能给各位带来帮助！ 祝大家 圣诞节快乐 ！ 花絮：本文的工作量大大超过之前的估计，几乎整个平安夜都花在它身上了， 基础知识 设计模式概述 从招式与内功谈起——设计模式概述（一） ：设计模式从何而来？ 从招式与内功谈起——设计模式概述（二） ：设计模式是什么？ 从招式与内功谈起——设计模式概述（三） ：设计模式有什么用？附：个人观点 面向对象设计原则 面向对象设计原则概述 面向对象设计原则之单一职责原则 面向对象设计原则之开闭原则 面向对象设计原则之里氏代换原则 面向对象设计原则之依赖倒转原则 面向对象设计原则之接口隔离原则 面向对象设计原则之合成复用原则 面向对象设计原则之迪米特法则 六个创建型模式 简单工厂模式-Simple Factory Pattern【学习难度：★★☆☆☆，使用频率：★★★☆☆】 工厂三兄弟之简单工厂模式（一） ：图表库的设计 工厂三兄弟之简单工厂模式（二）

欢迎点击上方蓝字，关注啦~ 相关阅读： GAN整整6年了！是时候要来捋捋了！ 数百篇GAN论文已下载好！搭配一份生成对抗网络最新综述！ 有点夸张、有点扭曲！速览这些GAN如何夸张漫画化人脸！ 天降斯雨，于我却无！GAN用于去雨如何？ 脸部转正！GAN能否让侧颜杀手、小猪佩奇真容无处遁形？ 容颜渐失！GAN来预测？ 弱水三千，只取你标！AL（主动学习）结合GAN如何？ 异常检测，GAN如何gan ? 虚拟换衣！速览这几篇最新论文咋做的！ 脸部妆容迁移！速览几篇用GAN来做的论文 【1】GAN在医学图像上的生成，今如何？ 01-GAN公式简明原理之铁甲小宝篇 今天主要是给大家呈上今年1月份在arxiv上的部分GAN论文（50多篇），涵盖各个方向的进展。 若有兴趣，也 可先读读下述 几首诗词 。 注：小编bryant8对 kobe bryant 的突然离世，心痛不已。心中之万千难过、言语实在难表。可见链接： 别了！ 科比布莱恩特！ 为此，私心在本文、穿插图致敬。 《临江仙·滚滚长江东逝水》 杨慎 滚滚长江东逝水，浪花淘尽英雄。 是非成败转头空。 青山依旧在，几度夕阳红。 白发渔樵江渚上，惯看秋月春风。 一壶浊酒喜相逢。古今多少事，都付笑谈中。 《大风歌》 刘邦 大风起兮云飞扬， 威加海内兮归故乡。 安得猛士兮守四方！ 《题韩蕲王庙》 尤侗 忠武勋名百战回，西湖跨蹇且衔杯。 英雄短气莫须有

欢迎点击上方蓝字，关注啦~ 相关阅读： GAN整整6年了！是时候要来捋捋了！ 数百篇GAN论文已下载好！搭配一份生成对抗网络最新综述！ 有点夸张、有点扭曲！速览这些GAN如何夸张漫画化人脸！ 天降斯雨，于我却无！GAN用于去雨如何？ 脸部转正！GAN能否让侧颜杀手、小猪佩奇真容无处遁形？ 容颜渐失！GAN来预测？ 弱水三千，只取你标！AL（主动学习）结合GAN如何？ 异常检测，GAN如何gan ? 虚拟换衣！速览这几篇最新论文咋做的！ 脸部妆容迁移！速览几篇用GAN来做的论文 【1】GAN在医学图像上的生成，今如何？ 01-GAN公式简明原理之铁甲小宝篇 今天主要是给大家呈上今年1月份在arxiv上的部分GAN论文（50多篇），涵盖各个方向的进展。 若有兴趣，也 可先读读下述 几首诗词 。 注：小编bryant8对 kobe bryant 的突然离世，心痛不已。心中之万千难过、言语实在难表。可见链接： 别了！ 科比布莱恩特！ 为此，私心在本文、穿插图致敬。 《临江仙·滚滚长江东逝水》 杨慎 滚滚长江东逝水，浪花淘尽英雄。 是非成败转头空。 青山依旧在，几度夕阳红。 白发渔樵江渚上，惯看秋月春风。 一壶浊酒喜相逢。古今多少事，都付笑谈中。 《大风歌》 刘邦 大风起兮云飞扬， 威加海内兮归故乡。 安得猛士兮守四方！ 《题韩蕲王庙》 尤侗 忠武勋名百战回，西湖跨蹇且衔杯。 英雄短气莫须有

观察者模式定义了对象之间的一对多依赖，当一个对象状态改变时，它的所有依赖者都会收到通知并自动更新。 观察者模式中有两个关键对象，分别是 Subject （主题）和 Observer （观察者）。它们之间是一种发布订阅关系，一（主题）对多（观察者）。 主题 ：管理主题数据，在数据更新时通知观察者（发布）。 观察者 ：订阅或注册主题，当主题数据发生更改，接受主题的发布消息。 应用案例 大多数人都有过网上抢购商品的经历，以淘宝的“淘抢购”为例。买家想要在22点抢购衬衫，点击“提醒我”按钮。那么淘宝就会在开抢之前，及时把抢购消息推送给买家。 该消息提醒推送的实现，就是经典的观察者模式。 代码实现 UML类图 创建Subject接口 1 package observer 2 3 type Subject interface { 4 Register(o Observer) 5 Deregister(o Observer) error 6 NotifyObservers() 7 } 创建Observer接口 1 package observer 2 3 type Observer interface { 4 Update(name, status string ) 5 GetID() int 6 } 创建shirt对象，实现Subjuect接口 1 package observer 2 3

观察者模式：定义对象间一种一对多的依赖关系，使得每当一个对象改变状态，所有依赖于它的对象都会得到通知并自动更新。 观察者模式适用场景： 一个抽象模型有两个方面，其中一个方面依赖于另一个方面。将这些方面封装在独立的对象中使它们可以各自独立地改变和复用 当对一个对象的改变需要同时改变其他对象，而不知道具体有多少对象需要被改变 一个对象必须通知其他对象，而并不知道这些对象是谁 观察者模式组件： Subject（抽象主题）：将所有观察者对象的引用保存到一个集合里，每个主题都可以有任何数量的观察者，抽象主题一般会提供一个可以增加和删除观察者对象的接口。 ConcreteSubject（具体主题）：将有关状态存入具体观察者对象；在具体主题内部状态改变时，给所有登记过的观察者发出通知。 Observer（抽象观察者）：为所有的具体观察者定义一个接口，在得到主题通知时更新自己。 ConcreteObserver（具体观察者）：实现抽象观察者角色所要求的更新接口，以便使本身的状态与主题状态协调。 观察者模式组件实例： 抽象主题： public interface Subject { void registerObserver(Observer observer); void removeObserver(Observer observer); void notifyObservers(); }

主要思想：建立一个一对多的关系，当一个对象发生发生变化时，其他对象也发生变化。 可以举个博客订阅的例子，当博主发表新文章的时候，即博主状态发生了改 变，那些订阅的读者就会收到通知，然后进行相应的动作，比如去看文章，或者收藏起来。博主与读者之间存在种一对多的依赖关系。下面给出相应的UML图设 计。 #include <iostream> #include <list> #include < string > using namespace std; class Observer { public : Observer() {} virtual ~ Observer() {} virtual void Update() {} }; class Blog { public : Blog(){} virtual ~ Blog() {} void Attach(Observer * observer) { m_observers.push_back(observer); } void Remove(Observer* observer) { m_observers.remove(observer); } void Notify() { list <Observer*>::iterator iter = m_observers.begin(); for (;iter != m