不吃夜宵的月半君

框架

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 506

connected-react-router的理解与实现

路由相关的库还有一个connected-react-router，这个库做到了以下几点将 router 的数据与 store 同步，并且从 store 访问通过 dispatch actions 导航在 redux devtools 中支持路由改变的时间旅行调试使用 ...

2019-07-16

0 803

React-Router的理解与实现

前端两种路由方案无hash 通过h5的pushState、replaceState、go、forward、back配合onpopstate来处理。注意pushState无法进入popstate事件。pushState兼容到ie10。 pushState是如何处理路由的？是实现一个onpus...

2019-07-13

0 636

React-Redux的理解与实现

React-Redux 这个库出现的意义就是将redux和react进行连接。能够让各子组件能够使用到存储在redux store中的数据。也进行了很多性能优化的地方。 connect.js import React from 'react' import {bindActionCreators...

2019-07-06

0 531

Redux的理解与实现

存在的问题以及redux的解决办法。多组件共享状态，都要靠父组件一层层往下传，传递复杂 redux，将所有状态都存储到一个仓库中，由一个保安(reducer)进行管理。状态变更时候需要注意的点改变状态必须通过dispatch是因为改变状态的时候，可以通知订阅(subscribe)的组件...

2019-07-06

0 456

React基础

react组件使用结构赋值语法时是怎么解析的？ function A () { return <h1>aaa</h1> } ReactDom.render(<A {...{a:1}} />, document.getElementById('id')) b...

2019-06-30

0 525

virtual-dom的理解与实现

首先，webpack会接住react相关的loader对源代码进行编译，将jsx语法转成js。比如下面的例子。不过我们不会写这些编译后的对象，太不直观了。 const element = <h1 id='h1' className='h1'><span>哈哈哈</sp...

2019-06-28

0 461