![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 64
weiweitb8
这个作者很懒,什么都没留下…
展开
-
React学习(一):React入门
一 React 的优点1.响应式渲染React 最大的优点在于其响应式渲染,相对于传统的更新整个页面的缓慢而言,React 会生成一个虚拟的DOM,当用户进行操作使状态有所变化时,React会计算出一个新的虚拟表现,计算出虚拟页面的当前版本与新版之间的差异,基于这些差异对DOM进行必要的最少更新。2.灵活的文档模型抽象表现React 内置了一个自己的UI轻量级模型,以抽象出UI底层原创 2017-10-17 09:57:46 · 835 阅读 · 0 评论 -
React学习(三):性能调优
从底层设计开始,React就充分考虑了性能问题,在更新UI时,他使用很聪明的技巧来尽可能减少耗时的DOM操作。一 子级校正当你改变了组件的状态时,会触发一次新的重绘,React会构建一个虚拟的DOM来呈现UI的状态,并与当前的虚拟DOM相对比,得出差异进而计算出哪些DOM元素需要进行增加,删除,更改等操作,这个过程就是子级校正。1.批处理React中调用setState之后不会立即原创 2017-10-27 10:21:06 · 309 阅读 · 0 评论 -
React学习(四):使用组件构建应用程序
一 属性校验1.propTypes可以用来记录组件,声明可以使用哪些属性,哪些属性是必须的,属性可以接受的数据类型等,当误用了组件时会在控制台显示一个错误信息。语法为:Greeter.propTypes = { salutation: PropTypes.string.isRequired } 。可以为属性设置默认值,语法如下:Greeter.defaultProps = { saluta原创 2017-10-28 12:44:48 · 218 阅读 · 0 评论 -
React学习(五):动画与拖放
一 React动画1. ReactCSSTransitionGroupReactCSSTransitionGroup元素必须包装在你需要实现动画效果的子元素外,它可以接收三个属性,transitionName(映射到css中包含实际动画定义的类名),transitionEnterTimeout, transitionLeaveTimeout (定义了动画的持续时间)。若设定动画名原创 2017-10-28 16:02:12 · 1841 阅读 · 0 评论 -
React学习(六):路由
一 React Router1.优势通过将组件和路由关联起来,它能使UI和URL保持同步;它的另一个优势是,它提供了一种机制让你可以控制应用程序的流程。2.组件React Router提供了如下的3个组件:Router和Route:采用声明方式将路由映射到你的应用程序的UI层级。Link:一种在项目中导航的办法,用来替代原生中的a标签,使用如下About;他有一个较原创 2017-10-31 10:42:45 · 273 阅读 · 0 评论 -
React学习(二):组件的生命周期及数据流
一 React在生命周期的不同时刻都有对应的钩子函数:1加载阶段Class constructor -> componentWillMount -> render -> componentDidMount2 卸载阶段componentWillUnmount3 props更改componentWillReceiveProps ->shouldComponentUpdate -原创 2017-10-25 10:04:08 · 163 阅读 · 0 评论 -
React学习(八):Redux基础
一 Action1.Action它是把数据从应用传到store的有效载荷,它是store数据的唯一来源,一般说来,view层的变化可以反映到Action上,然后通过store.dispatch()将action传到store,reducer在根据action和现有的state来更新状态。Action是一个js的普通对象,唯一的约束就是type属性。那么Action是由谁创造的呢?2.A原创 2017-11-06 15:02:11 · 317 阅读 · 0 评论