摘要: 很久没更新博客,最近也有点忙,然后业余时间搞了一个比较完整基于react全家桶+antd-design+webpack2+node+express+mongodb开发的前后台博客系统的流程系统,希望对大家有所帮助,先把源码地址发上,后面完成后,优化之后附上教程,各位对你有帮助,不要宁舍你的star哦 阅读全文
posted @ 2017-08-15 14:51 leo_su 阅读(580) 评论(0) 推荐(0) 编辑
摘要: # 移动端开发### 1. 1px问题如何解决 #### ①伪类 + transform(比较完美)> 原理是把原先元素的 border 去掉,然后利用 :before 或者 :after 重做 border ,并 transform 的 scale 缩小一半,原先的元素相对定位,新做的 borde 阅读全文
posted @ 2017-11-09 18:41 leo_su 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 第二篇:CSS的打包处理 CSS的打包,当然也包括预处理如:scss,less的打包处理了。 这里引入一个概念,加载器(loader)。 npm install --save-dev css-loade style-loader npm install --save-dev sass-loader( 阅读全文
posted @ 2017-09-25 17:18 leo_su 阅读(162) 评论(0) 推荐(0) 编辑
摘要: webpack2打包教程 阅读全文
posted @ 2017-09-25 15:30 leo_su 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 通过实现了增-->删-->改-->查,对react结合redux的机制差不多已经了解,那么把剩下的功能一起完成吧 全选 1、声明状态,这个是全选状态 2、action约定 3、reducers,更新store 4、底层组件实现函数 5、上层组件数据传递 到这里全选的功能就实现了 显示action的数 阅读全文
posted @ 2017-01-04 12:10 leo_su 阅读(1089) 评论(1) 推荐(0) 编辑
摘要: 上一篇文章《改》实现了,最后一个功能--《查》! 这个查是稍微要复杂一点的功能,官方实现的就是一个过滤数组的效果,然后展示出来,这里有3个状态,all,completed,active。 要实现这三个状态之前,我们需要提前实现一个功能,那就是给每个展示的子组件一个可改变是completed还是act 阅读全文
posted @ 2017-01-03 21:42 leo_su 阅读(545) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章实现了《删》这个功能,那么我们继续添加下一功能--《改》 这个修改的功能是通过双击每个子选项实现 第一步:按规矩来,添加一个状态声明 第二步:action中约定我们要干什么,并且将其他元素(text)传给reducer(这里eidtTodo修改外editTodo) 第三步:reducer中 阅读全文
posted @ 2017-01-03 21:41 leo_su 阅读(1308) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章我们实现了增删改查中《增》这个功能 那么这一篇我们将实现第二个功能,删! 首先增加一个状态: actions中增加对应的约定 到reducer里面设置执行的函数(这里todo.id当然是等于action.id,所以返回false) 然后给子组件,增加这个方法 现在删除这个功能也实现了,这个 阅读全文
posted @ 2017-01-03 21:40 leo_su 阅读(1806) 评论(2) 推荐(0) 编辑
摘要: 刚进公司的时候,一点react不会,有一个需求要改,重构页面!!!完全懵逼,一点不知道怎么办!然后就去官方文档,花了一周时间,就纯react实现了页面重构,总体来说,react还是比较简单的,由于当初时间比较短,没时间去结合redux了,所以也算交差了,后面看公司写的react+redux实现的,简 阅读全文
posted @ 2017-01-03 21:39 leo_su 阅读(1487) 评论(0) 推荐(1) 编辑
摘要: 虽然官网的TodoList的例子写的很详细,但是都是一步到位,就是给你一个action,好家伙,全部都写好了,给你一个reducer,所有功能也是都写好了,但是我们这些小白怎么可能一下就消化那么多,那我们就来拆解,一步一步实现,试想我们开发程序也是一个一个功能区域实现,那么我们第一步就是先把整体结构 阅读全文
posted @ 2017-01-03 21:39 leo_su 阅读(1310) 评论(0) 推荐(0) 编辑