React
关注
分享
扫一扫
文章平均质量分 50
React框架
零度flying
坐而论道，不如起而行之！！！
展开
-
React引用库文件用例
react用例react在html中需要用到直接饮用库文件，写react demo,需要引用以下包react.development.jsreact-dom.development.sbabel.min.js【注意】需要在script标签中声明是text/babel类型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-06-05 23:18:51 · 373 阅读 · 2 评论 -
redux和vuex异同点
redux和vuex相同点1.都是通过Store来作为全局状态的存储；2.不能直接修改Store中状态，（vuex中的mutation、redux中的reducer），只允许同步操作；redux和vuex不同点1.vuex只展示组件，全局根部植入直接访问store,而redux中展示组件通过容器组件连接store进行防伪；2.vuex自带module模块化功能，而redux没有；3.vuex中消除了action概念；4.vuex只适用于vue，而redux可以配合任何框架；5。vuex中异步原创 2021-05-02 20:17:07 · 995 阅读 · 0 评论 -
17.react-fiber
Fiber 原理React Fiber 原理介绍产生背景当页面元素较多，且需要频繁刷新的场景中，React 15会出现掉帧的现象；其根本原因：大量的同步计算任务，阻塞浏览器的UI渲染，默认情况下，JS运算和页面布局以及页面绘制是运行在浏览器主线程中，他们之间是互斥的关系，如JS运算持续占用主线程，页面就没法得到及时的更新；当调用setState更新页面的时候，React会遍历应用的所有节点，计算出差异，然后更新UI。整个过程一气呵成，不能被打断；如果页面元素过多，整个过程占用的时间就会超过16毫秒转载 2021-05-02 20:15:57 · 180 阅读 · 0 评论 -
2.React/Redux/Saga/Dva对比
React 图解转载：https://www.yuque.com/flying.ni/the-tower/tvzasn按照 React 官方指导意见, 如果多个 Component之间要发生交互, 那么状态(即: 数据)就维护在这些 Component 的最小公约父节点上, 也即是 <App/><TodoList/> <Todo/>以及<AddTodoBtn/>本身不维持任何 state, 完全由父节点<App/>传入 props以决定其展现转载 2021-04-07 00:16:40 · 663 阅读 · 1 评论