- 博客(9)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Rxjs中的操作符
过滤操作 distinct 去除重复数据，和所有的数据进行对比。 示例一 Rx.Observable.of(1,2,3,4,1) .distinct( ) .subscribe( x => console.log( x )) 输出为：1,2,3,4 示例二 当然，也可以为distinct传递方法， Rx.Observable.of( { age: 4, nam...
2018-09-25 22:49:42
1077
原创 每天实现一个Rxjs中的Operator之combineLatest操作（二）
在上一篇中介绍了combineLatest的使用，下面我们列出其核心代码实现： class CombineLatestSubscriber extends OuterSubscriber { _next(observable) { this.values.push(none); this.observables.push(observable); } _complet...
2018-09-23 18:09:03
640
1
原创 AWS中简单的Stack模板
下述yml文件简单配置了Stack模板， Resources: MyEC2Instance: Type: AWS::EC2::Instance Properties: ImageId: !Ref ImageIdParameter KeyName: !Ref KeyNameParameter InstanceType: !Ref Ins...
2018-09-15 22:07:55
691
原创 在AWS中创建IAM用户
当在AWS中注册完账号后，AWS会创建一个根用户。虽然可以使用这个根用户进行操作，，但是我们不建议使用这个根用户访问AWS，而是创建AWS IAM（Identity and Access Management）用户。下面我们一步步来创建IAM用户。 使用根用户登陆到IAM控制台 在控制台到导航栏中选中Users，然后选中Add user 填写User name和Access type，其中Ac...
2018-09-15 21:40:42
4056
1
原创 每天实现一个Rxjs中的Operator之combineLatest操作（一）
在动手实现之前，我们先来简单介绍下combineLatest的作用。combineLatest可以将多个Observable进行合并，并将它们最新的值作为输出。它存在以下几个特点： combineLatest会等到所有的Observable都emit一次数据之后才开始emit数据 在收集完一次数据之后，任何一个Observable emit了数据，则会emit数据，并不会再次等待所有Obser...
2018-09-14 23:10:47
4055
原创 每天实现一个Rxjs中的Operator之Map操作
在上一篇我们简单实现了Observable.create，那么如何在此基础上实现Map操作呢。 对于如下代码，我们希望输出2，4 Observable.create((observer) => { observer.next(1); observer.next(2); }) .map(value => value * 2) .subscribe((value) ...
2018-09-13 20:40:39
3083
原创 每天实现一个Rxjs中的Operator之Observable.create
Rxjs被越来越多的采用，尤其在Angular中。为了更好的理解Rxjs的工作原理。在这里我们会仿照Rxjs的源码，实现一个简易版的Rxjs 我们知道Rxjs的实现是基于观察者模式来实现的，比如： Observable.create((observer) => { observer.next(1); observer.next(2); }).subscribe({next:(va...
2018-09-13 19:58:50
1802
原创 Webpack多环境配置
当我们使用webpack进行多环境打包的时候会有如下时需求： 在执行代码中使用不同的变量，比如：API的请求地址 在webpack的config文件中使用不同的配置，比如：只在dev环境配置dev server 针对这两个需求，我们逐一进行介绍。 创建多环境配置文件 由于dev和prod环境存在大量通用的配置，所以我们将通用的配置放在common文件中，并使用webpack-mer...
2018-09-09 12:51:07
1938
2
原创 微服务之API Gateway
在微服务架构中，后端的服务会存在多个。如果没有API Gateway就会存在以下的问题： 客户端需要知道每个每个微服务的存在 一次业务场景的交互需要发多次请求到多个微服务 不同的微服务调用协议有可能是不同的 每个微服务都需要进行权限校验 针对以上的需求，我们引入API Gateway。这里介绍基于Zuul的APIGateway的配置。 在gradle中添加依赖 buildscrip...
2018-09-08 21:08:10
599
空空如也
React中的ajax调用为什么不建议在componentWillMount中呢
2016-09-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人