随笔分类 -  React.js

React实践（一）
摘要：该实践取自官方教程：https://github.com/reactjs/react-tutorial主要是自实现的过程以及一些心得体会该实践是实现一个评论框。一个展示所有评论的视图一个提交评论的表单与后台的接口hook特点：评论提交之前就先显示在列表中，提高体验其他用户的评论实时更新可用markd... 阅读全文
posted @ 2015-06-23 00:20 GalenYip 阅读(1892) 评论(2) 推荐(3) 编辑
React.js终探（七）(完)
摘要：我们在前面介绍了组件的各种特性，这一节我们来说说多组件的情况。在实际开发中，我们的组件难免会遇到有公共部分的情况，如果是个别情况还好，但如果数量比较多的话，那这时候，就需要公用了。怎么公用呢？React为我们提供了它的方法。mixin:复用代码可以把部分代码提出来公用。mixin是掺合混合的意思，即... 阅读全文
posted @ 2015-06-20 00:14 GalenYip 阅读(755) 评论(4) 推荐(1) 编辑
React.js终探（六）
摘要：在React中，我们怎么样使用它跟CSS 3 动画结合在一起使用呢？CSS3 TransitoinCSS3动画要求DOM属性变化的时候才能够被触发。所以这就需要我们把属性变化后的React元素渲染到真实的DOM中，这样才能够有过渡效果，形成动画。那我们来实现一种：第一次渲染后，当渲染完成时，调用se... 阅读全文
posted @ 2015-06-19 23:05 GalenYip 阅读(1532) 评论(0) 推荐(2) 编辑
React.js终探（五）
摘要：在React中，一切都是看做组件。而组件的嵌套也是十分常见的。所以有的组件就作为容器组件容器组件React元素可以包含子元素如1 //JSX2 3 this is demo content4 在React中，用this.props.children可以访问子元素如：1 var EzPanel... 阅读全文
posted @ 2015-06-18 23:42 GalenYip 阅读(715) 评论(0) 推荐(0) 编辑
React.js再探（四）
摘要：不知道看官们还记不记得上一节的内容，关于生命周期的。我们来个例子重温且练习一下。传送门：http://www.cnblogs.com/galenyip/p/4574400.html我们来实现一下时钟的功能，要求当秒是“0”的时候，字体变为红色。注意用componentWillUpdate实现。如 ... 阅读全文
posted @ 2015-06-15 16:47 GalenYip 阅读(945) 评论(0) 推荐(1) 编辑
React.js再探（三）
摘要：很多时候，组件实例的外观和行为我们通过props进行定制就可以了。因为任何时候，组件实例的表现只跟 传过来的props属性 相关。我们称这种为 无状态/ stateless 组件即它自身是无记忆的比如切换开关，它可以响应用户的点击事件，如果当前状态是关，那么它就 切换到开的状态（显示开状态的图片）；... 阅读全文
posted @ 2015-06-13 23:56 GalenYip 阅读(848) 评论(1) 推荐(1) 编辑
React.js再探（二）
摘要：上文中说到了组件了。我们使用组件的目的最大莫过于复用，提供生产效率。那么，这时候组件就应该能够提供一些”api”出来，让开发者去定义在不同场景下的不同表现，比如，行为或外观等。而这些“api”就是 属性在React中，用 props 访问实例元素的属性属性：props比如在JSX片段中，组件的实例元... 阅读全文
posted @ 2015-06-13 19:45 GalenYip 阅读(824) 评论(0) 推荐(2) 编辑
React.js初探（一）
摘要：前端框架多如牛毛的今天，团队的技术选型很重要，没有最好的，只有最合适的，这话早已经被说烂了。但是作为一个有追求的前端，对新技术的敏感以及尝试心理还是要有的。虽然React已经火的不行了，但由于自己的惰性，好吧，就是懒，看了很多的技术文章，但是一直没有开始去学习这个框架。今天就开始这个框架的学习吧 -... 阅读全文
posted @ 2015-06-13 15:19 GalenYip 阅读(1069) 评论(0) 推荐(2) 编辑