摘要: React-ui,基于react,是一套完整的form控件:https://github.com/Lobos/react-ui3.1Kreact-ui 文档:http://lobos.github.io/react-ui/1.6K 其中, datetime,color,tree实现的都非常棒 谷歌: 阅读全文
posted @ 2017-02-20 14:36 DAOLIDEWONIU 阅读(880) 评论(0) 推荐(0) 编辑
摘要: 在图中,使用Redux管理React数据流的过程如图所示,Store作为唯一的state树,管理所有组件的state。组件所有的行为通过Actions来触发,然后Action更新Store中的state,Store根据state的变化同步更新React视图组件。 那么Store是如何和视图绑定的呢? 阅读全文
posted @ 2017-02-17 15:53 DAOLIDEWONIU 阅读(582) 评论(0) 推荐(0) 编辑
摘要: 提供一个html转jsx的在线工具。地址:http://liuxiaofan.com/tojsx/ 说明:场景,进行react代码重构的时候,要把之前写好大量的html代码复制到js文件里面。因为jsx的一些语法规则导致了要修改很多HTML标签属性名称,诸如class变成className之类的。这 阅读全文
posted @ 2017-02-16 12:11 DAOLIDEWONIU 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 提供一个html转jsx的在线工具。地址:http://liuxiaofan.com/tojsx/ 说明:场景,进行react代码重构的时候,要把之前写好大量的html代码复制到js文件里面。因为jsx的一些语法规则导致了要修改很多HTML标签属性名称,诸如class变成className之类的。这 阅读全文
posted @ 2017-02-16 12:09 DAOLIDEWONIU 阅读(150) 评论(0) 推荐(0) 编辑
摘要: //react-router提供了两种道具链接组件上设置一个特定的风格的路径匹配我们目前的路线。activeStyle允许内联风格而activeClassName允许一个类中定义一个外部样式表。 const Links = () => <nav > <Link activeStyle={{color 阅读全文
posted @ 2017-02-16 12:06 DAOLIDEWONIU 阅读(178) 评论(0) 推荐(0) 编辑
摘要: //作为值得函数 var data = [{name:"lisi",age:12},{name:"xiaoming",age:22}] function Comparison(name) { return function (obj1,obj2){ var val1 = obj1[name];//取 阅读全文
posted @ 2017-02-06 20:34 DAOLIDEWONIU 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 1. 第1种子级宽度设置为0,解决子级宽度分配出现不等的bug 2. 第2种可以调整子级分配比例,实现动画效果。 友情链接:移动端资源网站 阅读全文
posted @ 2017-01-21 10:12 DAOLIDEWONIU 阅读(190) 评论(0) 推荐(0) 编辑
摘要: switch语句比if else的执行效率要高 switch...case与if...else的根本区别: switch...case会生成一个跳转表来指示实际的case分支的地址,而这个跳转表的索引号与switch变量的值是相等的。从而,switch...case不用像if...else那样遍历条 阅读全文
posted @ 2017-01-21 10:07 DAOLIDEWONIU 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 1、css3实现图片划过一束光闪过效果 <a href="#" class="img"><img src="" width="800"></a> .img { display:block; position: relative; width:800px; height:450px; margin:0 阅读全文
posted @ 2017-01-13 12:32 DAOLIDEWONIU 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 主要记录在这里以防后面忘记。。。。 1、前面网上一大堆,不说直接上前端方面代码。。 阅读全文
posted @ 2017-01-11 23:00 DAOLIDEWONIU 阅读(310) 评论(0) 推荐(0) 编辑