myj

能否用iframe实现微前端 问题：- 如果使用iframe，iframe中的子应用切换路由时用户刷新页面就尴尬了。 因为子应用路由切换，主应用感知不到，点刷新时刷新的是主...

为说明方便，我们采用如下案例： 可以看到在定时器里面，我们更新了根组件上的abc这个data数据 每一个组件中data数据的更新，都会触发这个data数据所在的组件的渲染w...

首先，需要明确，原生节点和组件节点被添加的时机是不一样的，虽然都是在Vue中调用了insert方法，但是调用insert的时机完全不一样 其次，我们需要关注VNode上的e...

![未命名文件.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9c6b8c9dfa314721917e6ae...

react-redux的作用就是将state和action都映射到组件属性上 还有一种写法： 如果是函数组件，还可以使用useSelector和useDispatch两个h...

redux单独使用： bindActionCreators其实就是把页面用到的action放到了一起管理，实际使用场景不太多 使用及实现的案例： redux的源码中，cre...

Switch和Route通常是嵌套关系，例如： Switch中会根据当前的location从children中过滤出来匹配的项进行渲染，但Route本身也可以单独使用，所以...

hash基本使用 浏览器hash有hashchange事件： history基本使用 浏览器的history对象有pushState、replaceState等一些方法 还...

useState： 注： 1、第一次render完后，hookState存储了从根节点到各级最底层子节点所有的状态 2、每触发任何一次更新，都会从根节点开始更新，典型的场合...

react的每次更新都是从根组件开始 上面的案例中，如果input里面输入了0，那么点击➕按钮，重新渲染组件，前后两次属性完全一样，所以没必要再渲染，但如果不做任何处理，r...

如果想对第三方组件进行功能扩展，可能就会用到高阶组件 注：上面的代码中，由于子类的state被赋值为{number:0}，该对象会覆盖父类中的state，所以子类中就取不到...

使用context： 供应商： 消费分两种形式： 类组件的消费，可以定义一个静态属性： 函数组件的消费，可以用配套的Consumer组件： 添加常量： 通过React.cr...

domdiff中，前后两次如果只是位置做了移动，对象本身没有变，则应该也以移动的方式更新，以保证更新的性能，这种情况就要用到key属性 dom更新的形式主要有以下4种： 思...

在实现剩下两个hook（componentWillReceiveProps和componentWillUnmount）之前，需要先实现domdiff \ dom-diff核...

shouldComponentUpdate componentWillUpdate 上面代码中if (nextProps) 这个分支，用于父组件更新时，子组件属性值和上次不...

原生组件的ref指向DOM对象 从虚拟DOM属性上提取ref 在createDOM的最后，添加ref指针即可 createRef方法： 类组件的ref指向类的实例化对象 可...

如果希望setState之后可以用上上一次的值，可以给setState传函数 setState什么是同步的 什么时候是异步的 在React能管辖的地方就是批量异步的，比如事...

react中将更新抽象成了一个类Updater 如果某个场合下，用户触发点击时回调执行了setState，例如： 下面的setState就会触发 react-dom -> ...

函数组件经过babel转译之后的结果： FunctionComponent是一个函数，所以我们需要在mount中增加对函数的判断： 对于类组件，babel编译之后依然是一个...

不同react版本对jsx的转换方式： React17以前 React17之后 这么做的原因： 如果在文件里没有引入 React 但经过babel会转换为 React.cr...