不吃夜宵的月半君
不吃夜宵的月半君
全部文章
框架
ES + TS(17)
HTTP(4)
Node(13)
以前(29)
工作问题总结(9)
工程化总结(5)
技术之外(2)
服务端(1)
归档
标签
去牛客网
登录
/
注册
珊子是驴
全部文章
/ 框架
(共7篇)
Redux-Saga的理解与实现
基础流程 在saga中需要对不同的业务写不同的generator函数,然后通过take(redux-saga暴露的方法)监听对应的action-type,内部是通过发布订阅存储在内存中。订阅的回调函数就是内部的一个next方法,这个next的作用是:通过generator生成的iterator中的...
2019-07-21
0
501
connected-react-router的理解与实现
路由相关的库还有一个connected-react-router,这个库做到了以下几点 将 router 的数据与 store 同步,并且从 store 访问 通过 dispatch actions 导航 在 redux devtools 中支持路由改变的时间旅行调试 使用 ...
2019-07-16
0
801
React-Router的理解与实现
前端两种路由方案 无hash 通过h5的pushState、replaceState、go、forward、back配合onpopstate来处理。注意pushState无法进入popstate事件。pushState兼容到ie10。 pushState是如何处理路由的?是实现一个onpus...
2019-07-13
0
630
React-Redux的理解与实现
React-Redux 这个库出现的意义就是将redux和react进行连接。能够让各子组件能够使用到存储在redux store中的数据。也进行了很多性能优化的地方。 connect.js import React from 'react' import {bindActionCreators...
2019-07-06
0
530
Redux的理解与实现
存在的问题以及redux的解决办法。 多组件共享状态,都要靠父组件一层层往下传,传递复杂 redux,将所有状态都存储到一个仓库中,由一个保安(reducer)进行管理。 状态变更时候需要注意的点 改变状态必须通过dispatch是因为改变状态的时候,可以通知订阅(subscribe)的组件...
2019-07-06
0
454
React基础
react组件使用结构赋值语法时是怎么解析的? function A () { return <h1>aaa</h1> } ReactDom.render(<A {...{a:1}} />, document.getElementById('id')) b...
2019-06-30
0
522
virtual-dom的理解与实现
首先,webpack会接住react相关的loader对源代码进行编译,将jsx语法转成js。比如下面的例子。不过我们不会写这些编译后的对象,太不直观了。 const element = <h1 id='h1' className='h1'><span>哈哈哈</sp...
2019-06-28
0
460