react框架
其实还很远
这个作者很懒,什么都没留下…
展开
-
react项目中通过 iscroll 实现上拉加载,下拉刷新
基于 iscroll 实现的 react 组件第一步:引入插件npm install reactjs-iscroll --save 可在项目下的package.json文件内dependencies下看到安装好的插件版本;第二步:在项目中使用import iScroll from 'iscroll/build/iscroll-probe'; 表示引入scroll库,可支原创 2017-01-05 13:55:19 · 8311 阅读 · 0 评论 -
在做react项目开发中创建组件的三种方式
第一种:函数式定义的无状态组件用途:只是为了创建纯展示组建,这类组件只负责根据传入的props属性来展示组建,不涉及对组件state状态的操作,无状态组件只有一个render方法输出,例如:functionHelloComponent(props,/* context */){ returndiv>Hello{props.name}/div>}React原创 2017-01-05 14:42:36 · 2449 阅读 · 0 评论 -
react的es6写法
今天想起来把react的es5写法转为es6语法 即react.createClass => react.component知识点1 let App = React.CreateClass({}) => class App extends Component{ }知识点2 每个函数之间去掉了逗号知识点3 props propTypes and原创 2017-07-06 17:56:42 · 256 阅读 · 0 评论 -
react
react组件apati 设置状态 this.setState( { }) 在react中使用尖头函数注意 1,安装依赖 npm install --save-dev babel-preset-es2015 npm install--save-dev babel-preset-r原创 2017-07-07 15:52:06 · 174 阅读 · 0 评论 -
react框架设计原理及生命周期
ReactJS的背景1、react是Facebook为实现其内部广告系统项目设计的一种前端界面构建方式2、前端工程师的职责就是把逻辑数据实时反应到view层,既然涉及到vie层, 那就涉及到dom树。而大家都知道,复杂或者频繁的操作dom通常是造成性能 不好的地方。3、所以设计react的地方就是其虚拟domReactJS的设计原理react的设计原理就是其引...原创 2018-05-11 17:42:33 · 8408 阅读 · 0 评论 -
React组件开发(心得体会)
1、有状态组件和无状态组件 其实换言之就是需不需要一套react的生命周期来维护这一套状态,有时候我们提出一个子组件来,但是这个子组件除了render出来一虚拟dom结构,并没有任何状态,所以是没必要提出来做一个单独的组件,哪怕是想复用。这个时候就用到了无状态组件,即一个无状态函数,这样在渲染的时候,就省去了子组件生命周期的维护和执行,避免了不必要的检查和内存分配,做到了内部优化。...原创 2018-05-24 19:58:46 · 1662 阅读 · 0 评论 -
React相关面试经典问题
react中setState以后发生了什么在调用setState以后,1、react会将传入的参数对象跟当前的state合并,触发调和过程。2、调和以后,react会高效的根据新的状态构建react元素树。3、生成react元素树以后,通过diff算法可以得到新树和老树的节点差异。4、根据这些差异,可以精确的实现按需更新React 中 Element 与 Component ...翻译 2018-09-12 20:17:51 · 3916 阅读 · 1 评论