摘要: 最近花了两周的休息时间学习了webpack,能够可以编写自己项目所需要的配置文件,总体来说webpack是一种非常优秀的前端模块化的打包工具,非常值得花时间来研究学习。 什么是webpack,它的出现是为了解决什么问题? webpack是一种可以融合各种前端新技术的平台,我们只需要简单地配置就可以使 阅读全文
posted @ 2018-07-05 18:13 Rachid 阅读(22249) 评论(2) 推荐(1) 编辑
摘要: 最近在学webpack,就配置了一个react的运行环境,为了偷懒使用了antd npm install antd 之后发现竟然tmd没有样式 谷歌之后发现好多同学都出现了这个问题,好在最后解决了 在antd的官网上就有最好的解决方法 只要在babelrc里面配置好就可以按需加载了 超级简单 阅读全文
posted @ 2018-06-28 16:26 Rachid 阅读(10943) 评论(0) 推荐(0) 编辑
摘要: 其实有些也不能算是坑,有些是react的规定,或者是react的模式和平常的js处理的方式不同罢了 1、setState()是异步的this.setState()会调用render方法,但并不会立即改变state的值,state是在render方法中赋值的。(这里我描述的不对,多谢评论区大神指点,s 阅读全文
posted @ 2018-06-13 18:58 Rachid 阅读(4982) 评论(3) 推荐(2) 编辑
摘要: 正则的应用场景很多,匹配过滤有价值的内容,所以用好正则有事半功倍的效果 正则就是用有限的符号,表达无限的序列 正则的一般语法就是两条斜线中间的就是正则主体,可以有许多字符表示 转义字符 \是转义字符,简单字符表示自身 1、字符集合 匹配一类字符,字符集语法用 [] 分隔 ^表示非的意思 正则设置了一 阅读全文
posted @ 2018-06-12 15:55 Rachid 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 现在看招聘网站上的要求,作为前端er~都要熟悉甚至精通(滑稽脸)es6,项目中也经常用,啥let,const,尤其是用react的同学,肯定对解构赋值不会陌生,今天逛淘宝前端的博客,看到一篇名为Es6你可能不知道的事,感觉平时对Es6的理解还是太浅了。。。 我学习es6是跟阮一峰老师的教程学习的,真 阅读全文
posted @ 2018-06-08 20:32 Rachid 阅读(376) 评论(2) 推荐(0) 编辑
摘要: 最近的项目是react+dva+atd+webpack的一个后台项目,刚接触dva就感觉很喜欢,很简洁用着很爽。 关于使用redux中的一些问题 1、文件切换问题、 redux的项目通常哟啊分为reducer、action、saga、component等等,我们需要在文件之间来回切换,并且文件通常是 阅读全文
posted @ 2018-06-06 16:33 Rachid 阅读(8545) 评论(0) 推荐(1) 编辑
摘要: ls 列出文件目录 -a全部文件,连同隐藏文件一起列出 -d仅列出目录本身,而不是列出目录内的文件数据 -l 连同权限一同列出 cd 切换文件目录的命令 pwd显示目前所在的目录 mkdir 创建新的目录 mkdir -p 可以创建多层目录 rmdir 删除空目录 rmdir -p可以删除多层空目录 阅读全文
posted @ 2018-06-05 18:17 Rachid 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 让一个组件只专注于一件事,如果发现让一个组件做的事情太多,就可以把这个组件拆分成多个组件让每一个组件只专注于一件事 《深入浅出react和redux》 程墨 一个react组件最基本的基本上就是完成两大功能 1、读取store的状态,用于初始化组件的两大状态,监听store的状态变化 2、根据当前的 阅读全文
posted @ 2018-06-02 18:00 Rachid 阅读(2851) 评论(0) 推荐(0) 编辑
摘要: redux和react是两个独立的库,所以redux并不是非用不可,是在Flux框架的基础上改进的一个框架,所以一鸣惊人 redux的三大基本原则 唯一的数据源(single source of truth) 保持状态只读(state is read-only) 数据状态只能通过纯函数来完成(cha 阅读全文
posted @ 2018-05-30 20:42 Rachid 阅读(939) 评论(1) 推荐(0) 编辑
摘要: 对于组件来说,通信无非两种,父子组件通信,和非父子组件通信 一、父子父子组件通信 1、父组件给子组件传值 对于父组件来说,props是他们之间的媒介 class Parent extends Component{ state = { msg: 'start' }; componentDidMount 阅读全文
posted @ 2018-05-29 19:52 Rachid 阅读(313) 评论(1) 推荐(1) 编辑