2019-07-02
传统的css方案css in html直接在 html 里面写 css 或者用 link 引入
像这个样子
12345678910111213141516<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS...
Read More
2019-07-01
先来看React v16.3之前的生命周期函数(图中实际上少了componentDidCatch),如下图。
constructor
componentWillMount
render
componentDidMount
componentShouldUpdate
componentWillUpdate
render
componentDidUpdate...
Read More
2019-06-25
2019/6/24
Find The Parity Outlier
[2, 4, 0, 100, 4, 11, 2602, 36]Should return: 11 (the only odd number)
[160, 3, 1719, 19, 11, 13, -21]Should return: 160 (the only eve...
Read More
2019-06-23
假设我们现在遇到如下场景:
1234567891011121314151617function fn1(){ fn2()}function fn2(){ fn3()}function fn3(){ fn4()}function fn4(){ console.log(...) // ...
Read More
2019-06-23
上文我们已经用自己的 eventHub 来完成了任意组件之间的通讯,接下来我们使用 redux 来达到相同的功能。直接看官网的例子,我们直接开始改写这样
可以看到思路和我们的 eventHub 差不多,只不过 redux 使用了更多新名词(吐槽…)订阅事件用 subscribe , 触发事件用 dispatch,触发事件的名字用 type ,传递的参数为...
Read More
2019-06-23
1. 任意两个组件之间如何通信
2. 发布订阅模式
3. Redux 就那么回事
上篇文章说到了组件传值可以通过 props 来传值,
但是当我们遇到嵌套组件很深的时候或者任意组件通讯的时候,
比如说这个时候
当我们点击 minus 的时候只有当前组件的数据在变化,但是我们希望这个数据在变化的时候通知其他组件同时变化,所以,如果继续用 props ...
Read More
2019-06-16
父传子通过 props 传递1234567891011121314151617function Son(props) { return ( <div> {props.name} // 这里就是儿子接受到父亲传递的数据 </div> )}function Father()...
Read More
2019-06-16
组件如果我们写一个功能复杂的页面,都写在 js 里,那么你的文件将会变成下面这个样子:
render 函数里面将会有一坨的代码,非常不优雅但是此时就有一个奇怪的现象,为什么同样的 html 代码写在 html 文件里面就不会觉得丑呢?因为国际惯例认为习惯, js 文件一般不会这么复杂,所以产生了组件的概念。
我们把代码分开(为做演示,先暂时放在一个文件里面...
Read More
2019-06-12
#变量
使用有意义且能发音的单词
Bad:1const yyyymmdstr = moment().format("YYYY/MM/DD");
Good:1const currentDate = moment().format("YYYY/MM/DD");
使用可以搜索的单词
Bad:12// What th...
Read More
2019-06-11
12 年鼻炎患者告诉你。。鼻炎做到 4 点就能几乎痊愈。。
戒撸 最高频率一周一次
多喝水 一天 1500 毫升
多运动 每天三公里跑步
保证睡眠 每天保证 8 小时连续睡眠
Read More