![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
LynnWonderLu
https://github.com/LynnWonder
展开
-
react 问题整合
文章目录@[toc]react this 丢失问题业务逻辑思考react 16 生命周期废弃与新增关于受控与非受控关于新增对 componentWillReceiveProps getDerivedStateFromProps 派生 state 的滥用更好的解决方式完全可控的组件有 key 的完全不受控的组件使用 getDerivedStateFromProps使用 refs本文主要整合了自己在平常开发过程中遇到的一些 react 相关的问题的总结2020/06/17 add 业务逻辑思考原创 2020-07-05 21:16:26 · 156 阅读 · 0 评论 -
react-diff算法
本文是对react的diff算法的总结,之前有写过一篇比较详细的有关于vue的diff算法的总结:详解vue的diff算法文章目录diff算法的作用传统的diff算法react的三大diff策略tree diffcomponent diffelement diffreferences:React之diff算法react diff算法浅析diff算法的作用计算出Virtual DOM...原创 2019-10-21 16:29:47 · 623 阅读 · 0 评论 -
学习笔记(10)
学习笔记(10)文章目录学习笔记(10)react组件的划分展示型组件展示型组件+容器型组件容器型组件展示型组件+容器型组件其他分类方法类与函数组件有状态与无状态组件纯组件与非纯组件promise关于promise.all的源码tcp三次握手的具体内容tcp四次挥手的具体内容注释如下js的event-loop事件循环机制cookie和session的区别cookie和session-IDsess...原创 2019-08-27 23:36:33 · 214 阅读 · 0 评论 -
react学习笔记系列(五)(dva框架使用)
References:dva框架的使用详解及Demo教程Dva 是什么初识 Dva关于dva框架的简单操作以及demo结合官方文档:此处不再赘述dva项目初始化的5个api(const myapp=dva()/plugins(dva-loading)/model(require)/router/start)简述dva框架快速上手建立一个简单页面:编写UI组件:c...原创 2019-06-11 10:05:47 · 812 阅读 · 0 评论 -
react学习笔记系列(四)(react-redux)
redux模式的原理此处不再赘述,以下主要参考了Redux详解,以及阮一峰老师的博客,其他内容可以参考我的前一篇博客:react学习笔记系列(二)redux是什么?类比vux,就是状态管理redux的设计思想(1)Web 应用是一个状态机,视图与状态是一一对应的。(2)所有的状态,保存在一个对象里面。使用场景用户的使用方式复杂 不同身份的用户有不同的使用方式(比如普通...原创 2019-06-09 21:36:00 · 173 阅读 · 0 评论 -
react项目npm install报错 permission denied
解决方法1:sudo -s 切换到root用户再次执行npm install 解决方法2:1不行的话,执行 sudo npm install,也是提权的一种方法,但据说官方不推荐使用。但是有可能遇到command not found ,解决方法参考sudo npm command not found 问题解决 解决方法3:改权限,$ sudo chown -R xxx (没用过,具体Googl...原创 2019-06-08 19:12:24 · 2481 阅读 · 0 评论 -
react学习笔记系列(三)(有关于脚手架项目)
我们都知道creat-react-app这个官方脚手架,但是使用它时难免遇到问题。暴露webpack配置文件的问题:有两种方法:npm run eject 推荐这种,暴露后在config文件里修改配置,比如添加根路径@别名,比如添加less-loader:注意:抽离后,node-modules里面就没有react-scripts了 安装react-app-rewired采坑点:...原创 2019-06-06 09:42:51 · 150 阅读 · 0 评论 -
react学习笔记系列(一)
概念区分:library(库):小而巧的库,只提供了特定的API。 Framework(框架):大而全的是框架;框架提供了一整套的解决方案(全家桶);react和vue做对比:(对比不完全)组件化方面: 模块化:是从代码角度分析,把一些可复用的代码,抽离为单个的模块;便于项目的维护和开发; 模块化的好处:解决命名冲突:在早期,使用立即执行函数实现模块化是常见的手段,通过函数作用域...原创 2019-06-04 23:30:11 · 886 阅读 · 0 评论 -
react学习笔记系列(二)(包含redux模式)
react学习笔记系列(二)(包含redux模式)文章目录react学习笔记系列(二)(包含redux模式)tips什么是受控组件?什么是挂载?react生命周期钩子函数react中的DOM操作:props.children实现组件的类似插槽效果:react防范xss攻击:静态属性:React规范高阶组件状态提升context变量react-redux学习概念扫盲redux模式reducer:c...原创 2019-09-20 17:35:45 · 192 阅读 · 0 评论 -
学习笔记(1)
2019/06/17-2019/06/23学习笔记原创 2019-06-23 12:07:59 · 365 阅读 · 0 评论 -
学习笔记(11)
学习笔记(11)最近在整理一些零碎的知识点,发现自己原来的一些认知并不正确,特此记录。文章目录学习笔记(11)react和vue到底什么区别?react setState之后到底发生了什么?react中的keys和vue中的keys有区别吗?react16的一些了解生命周期钩子函数的更新getDerivedStateFromProps(nextProps, prevState)getSna...原创 2019-09-06 10:25:14 · 235 阅读 · 0 评论 -
学习笔记(4)-router-babel
文章目录学习笔记(4)react-router-config使用&&路由路由基础组件:匹配时显示的组件路由 匹配react-router-config中renderRoutes到底是做了什么?关于路由鉴权解构赋值起别名react生命周期钩子函数按需加载react-loadableimportroadhog路霸关于babel作用使用执行顺序插件和 preset 的配置项env (重点...原创 2019-07-15 12:13:45 · 544 阅读 · 0 评论