摘要：
创建Flux 创建Mono 订阅 subscribie() 第一个参数：订阅的数据 第二个参数：处理错误的机制 第三个参数：订阅完成后做相应的处理 第四个参数：订阅数据的量，默认获取Long.MAX_VALUE,也就是默认订阅所有的数据。 其他写法： React Map: 一个对象转化成另一个对象 阅读全文
摘要：
react-readux组件 https://github.com/reduxjs/react-redux 把一个组件拆成两个部分，一个叫UI组件，一个叫容器组件。 1，UI组件，presentational component，纯租金 特点： 只负责UI的呈现，不带有任何的业务逻辑 无状态组件，没 阅读全文
摘要：
高阶组件定义：⾼高阶组件是参数为组件，返回值为新组件的函数。 场景： 写了个input标签，监控input标签的value值，，不想自己手动定义value和写onChange事件。 就可以把这些事交给高阶组件。接收一个Input，返回一个新的Input,这个新的Input给它定义上value和onC 阅读全文
摘要：
组件跨层级通信Context，类比Vue中的provider，Inject。 场景：一键换肤，切换地区 1，Context.js API： React.createContext 创建一个Context对象，当React渲染一个订阅了这个Context对象的组件，这个租金会从组件树中离自身最近的那个 阅读全文
摘要：
大概意思是：浏览器中的任务队列不止一个，且优先级也不同。基本上可以分为如下两种：macro-task: script（整体代码）, setTimeout, setInterval, setImmediate, I/O, UI renderingmicro-task: process.nextTick 阅读全文
摘要：
Vue是中小型前端库。 https://github.com/vuejs/vue 当前"version": "2.6.11"。 一、环境搭建 1、搭建调试环境 第一步：获取：git clone https://github.com/vuejs/vue.git 第二步：安装依赖：npm i 可以用cn 阅读全文
摘要：
类型检查机制：TypeScript编译器在做类型检查时，所秉承的一些原则。 作用：辅助开发，提高开发效率。 一、类型推断 不需要指定变量的类型（函数的返回值类型），TypeScript可以根据某些规则自动地为其推断出一个类型。 1，基础类型推断 let a //let a: any let b = 阅读全文
摘要：
一，静态属性 TS中实例不能访问静态属性，只能通过类访问，但是Java中是可以访问的。 let d:Dog = new Dog("wangwang"); console.log(Husky.food) console.log(Dog.food) console.log(d.food) //Prope 阅读全文
摘要：
TypeScript对值所具有的结构进行类型检查， 用的“鸭式辨型法”。接口的作用就是为你的代码和第三方代码提供契约。 一，对象类型接口 1，正常后端返回的接口 interface List{ id:number, name:string } interface Result{ data:List[ 阅读全文
摘要：
1, npm init -y初始化一个package.json 2, tsc --init 初始化一个sconfig.json 3，安装WebPack 使用常见的WebPack，让TS工程跑起来。 先按照3个包，webpack,webpack-cli,webpack-dev-server。 配置we 阅读全文
摘要：
ES6的数据类型 Boolean Number String Array Function Object Symbol undefined null TypeScript新加的数据类型 void any never 元组 枚举 高级类型 1，数组 //数组 两种等价声明 let arr1:numbe 阅读全文
摘要：
git新建并切换分支 $ git checkout -b ddp-xiaoyanliu-20170406 Switched to a new branch 'ddp-xiaoyanliu-20170406' git放弃所有本地修改 git checkout . #本地所有修改的。没有的提交的，都返回 阅读全文
摘要：
一、下载编译好的安装包 配置好环境变量bin/windows放到path里 先启动zookeeper,再启动server C:\tools\kafka_2.12-2.4.1>zookeeper-server-start.bat config\zookeeper.properties C:\tools 阅读全文
摘要：
使用Intellij idea的时候，编译项目始终报错java: cannot find symbol symbol: variable log 装Lombok Plugin 插件 设置 build、execution、deployment -> compiler -> annotation pro 阅读全文
摘要：
一，结构型指令 *是一个语法糖,<a *ngIf="user.login">退出</a>相当于 <ng-template [ngIf]="user.login"> <a>退出</a> </ng-template> 避免了写ng-template。 <ng-template [ngIf]="item. 阅读全文
摘要：
指令 组件是一种带模版的指令。指令是超级。 结构型指令（改变布局）和属性型指令（改变外观和行为）。 Renderer2和ElementRef Angular不提倡直接操作DOM 对于DOM的操作应该通过Renderer2进行。 ElementRef是指向DOM元素的引用 拖拽指令实例 1、新建dir 阅读全文
摘要：
ChangeDection 检测程序内部状态，然后反映到UI上。 引起状态变化，引发检查的驱动源：Events，XHR，Timers ApplicationRef监听NgZone的onTurnDone，然后执行检测。 OnPush状态完全由外部决定，内部不会去更改状态。 例子： 把聪明组件proje 阅读全文