随笔分类 -  react学习之路

学习react也有一段时间了,现在将react学习中的知识点汇总一下
react性能优化
摘要:一。为什么要进行性能优化? React是一个用于构建用户界面的JavaSctiput库,主要负责将数据转换为视图,保证数据和视图的统一。 react通过重新render来保证数据和视图的统一,但当数据并没有变化时,视图需要重新渲染,就会造成不必要的性能浪费。 例如:父组件调用子组件的时候,如果父组件 阅读全文
posted @ 2020-11-27 19:00 liumcb 阅读(100) 评论(0) 推荐(0)
前端路由跳转基本原理
摘要:什么是前端路由? 前端路由,就是一个前端不同页面的状态管理器,可以不向后台发送请求而直接通过前端技术实现多个页面的效果。 单页路由跳转模式有两种: 哈希模式(利用hashchange 事件监听 url的hash 的改变) history模式(使用此模式需要后台配合把接口都打到我们打包后的index. 阅读全文
posted @ 2020-11-27 14:45 liumcb 阅读(787) 评论(0) 推荐(0)
react-redux
摘要:我一直使用的框架就是react,随之搭配的状态管理是react-redux。最近在研究vue以及vuex。框架我就不多记录,主要记录一下状态管理的区别点: redux: 大概的过程:当一个页面渲染完后,UI出现,用户其实是触发了UI上的一些Action,Action将会被送到Reducers方法里, 阅读全文
posted @ 2020-06-10 17:52 liumcb 阅读(164) 评论(0) 推荐(0)
关于react的一些疑问点
摘要:参考转载:链接:http://www.jianshu.com/p/83bda9cd8c67 1、refs <input type="text" ref="input"> <div ref="div">222</div> <div ref={this.refHandle.bind(this)}>333 阅读全文
posted @ 2017-09-14 11:56 liumcb 阅读(176) 评论(0) 推荐(0)
react.js学习之路六
摘要:学习react中,我一直认为,总组件里面才有构造函数,但是我才发现我的观点是错误的,构造函数是可以出现在子组件里面的。 今天有一个错误是点击增加/减少input框里面 的数值 我一直在寻找input框里面的数值,也就是value值,我发现我的思维错误的很彻底。react只是view,是不能操作数据的 阅读全文
posted @ 2017-03-30 17:50 liumcb 阅读(187) 评论(0) 推荐(0)
react.js学习之路五
摘要:最近没时间写博客,但是我一直在学习react,我发现react是一个巨大的坑,而且永远填不完的坑 关于字符串的拼接: 在react中,字符串的拼接不允许出现双引号“” ,只能使用单引号' ',例如这样就是可以的,这经常用在使用变量,变换路径的情况下。 <img src={'img/sort_good 阅读全文
posted @ 2017-03-22 17:04 liumcb 阅读(159) 评论(0) 推荐(0)
react.js学习之路四
摘要:针对学习react.js中,我感觉最大的疑惑点就是bind(this)的绑定和指向问题了,我被这个问题弄的头昏,有时候调用组件的时候,直接显示undefined,不存在这个组件,当时的心情是崩溃的,整个人的状态是不好的,所以今天要好好学习bind(this)这个问题。 在我们创建一个组件的时候,会在 阅读全文
posted @ 2017-03-06 17:39 liumcb 阅读(202) 评论(0) 推荐(0)
react.js学习之路三
摘要:学习react.js,知识点整理: 1.props和state: props是相对于父级来说,固定的不会改变的内容。一般会先定义一个变量,则在父级中进行引用, var user = "liumcb"; 定义的组件 <Hello name={user} /> 在组件中进行调用则是 <div>hello 阅读全文
posted @ 2017-03-01 15:35 liumcb 阅读(156) 评论(0) 推荐(0)
react.js学习之路二
摘要:看react.js对我来说真的不是难不难的问题,问题是我的思路太难转变了,真是坑死我了,react里面的坑也很多。算了,这些抱怨没啥用,记录一下今天学习的内容。 今天看了to-do-list经典示例 总结起来可以概括为 1.首先划分组件:父组件--子组件 2.显示数据:创建初始数据,并将数据显示到页 阅读全文
posted @ 2017-02-27 17:56 liumcb 阅读(216) 评论(1) 推荐(1)
react.js学习之路一
摘要:今天新老大来了,我们要学习他使用的框架react.js,现在是两眼一抹黑,对于我这个前端菜鸟来说,是真正的重新开始,好了,不说那么多了,开始随便记录我的学习,之后再整理内容。 (1)对于react来说,任何UI的变化都是通过整体刷新来完成的,也就是说,每做一点界面的更新,都可以认为是刷新了整个页面( 阅读全文
posted @ 2017-02-21 15:38 liumcb 阅读(571) 评论(0) 推荐(0)