可能是时候开启新的篇章了, 充满了未知却又让人期待。。。
1.先上一个开胃菜吧
这是css animation的step用法 step其实是一种time-function 这个其实可以是linear ease-in等
- 0 - 40% 6*.4s 从0到60deg
- 40 - 70% 6*.3s 从60到130deg
- 70 - 90% 6*.2s 从130到220deg
哈哈 懂了是怎么回事了把
2.进入正题 实现redux的connect
这个实现其实是不是很简单, 但是需要家下面一段代码
|
|
关于 childContextTypes 和 getChildContext可以自行google
- 关于的rxjs的一些感悟12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455import { Observable, BehaviorSubject, interval } from 'rxjs'import { map, skip, delay } from 'rxjs/operators';// 这个函数本来是用来改变 observable 但是没用 因为创建出来的observable是 immutable的function createSubscriber(time) {time = 5 + Math.random()*time | 0;return subscriber => {setTimeout(function() {subscriber.next('this is a random sub haha');}, time*1000);}}componentDidMount() {// this is async wont stop next execution 这个是异步的const observable = new Observable( subscriber => {// console.log('hello');subscriber.next(1);subscriber.next('1111');setTimeout(() => {subscriber.next(2);// 可以通过setState设置自己的 subscriberthis.setState({subscriber})// observable 是immutable的 不能改变//observable = createSubscriber(5);}, 1000);})// 这个是同步的 可以在这里写 需要的监听逻辑observer = observable.subscribe({next(e){console.log('observable1---' + e)},complete() { console.log('done'); }})console.log('prove sync ooo');// 可以通过 observer.unsubscribe 关掉监听const observable11 = new Observable( subscriber => {// console.log('hello');subscriber.next(1);subscriber.next(2);subscriber.next(3);}).pipe(map(x => x * 5),skip(1),delay(3000))observable11.subscribe({next(e){console.log('operator----' + e)}})// delay 3000s 取后面的2个 10 15}
还有subject也可以实现如observer一样的功能, 下面看一些常用的operators
4.举例说明
这是 我奉献给打击的rxjs的大餐 内容较多 需要仔细消化