高效学习 react 笔记七:react 里的 css 方案

传统的css方案css in html直接在 html 里面写 css 或者用 link 引入 像这个样子 12345678910111213141516<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS...

Read More

高效学习 react 笔记六:生命周期

先来看React v16.3之前的生命周期函数(图中实际上少了componentDidCatch),如下图。 constructor componentWillMount render componentDidMount componentShouldUpdate componentWillUpdate render componentDidUpdate...

Read More

codewars 闯关纪录

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

高效学习 react 笔记五:Context API

假设我们现在遇到如下场景: 1234567891011121314151617function fn1(){ fn2()}function fn2(){ fn3()}function fn3(){ fn4()}function fn4(){ console.log(...) // ...

Read More

高效学习 react 笔记四:redux 和 react-redux

上文我们已经用自己的 eventHub 来完成了任意组件之间的通讯,接下来我们使用 redux 来达到相同的功能。直接看官网的例子,我们直接开始改写这样 可以看到思路和我们的 eventHub 差不多,只不过 redux 使用了更多新名词(吐槽…)订阅事件用 subscribe , 触发事件用 dispatch,触发事件的名字用 type ,传递的参数为...

Read More

高效学习 react 笔记三:组件通讯-eventHub

1. 任意两个组件之间如何通信 2. 发布订阅模式 3. Redux 就那么回事 上篇文章说到了组件传值可以通过 props 来传值, 但是当我们遇到嵌套组件很深的时候或者任意组件通讯的时候, 比如说这个时候 当我们点击 minus 的时候只有当前组件的数据在变化,但是我们希望这个数据在变化的时候通知其他组件同时变化,所以,如果继续用 props ...

Read More

高效学习 react 笔记二:组件通讯-props

父传子通过 props 传递1234567891011121314151617function Son(props) { return ( <div> {props.name} // 这里就是儿子接受到父亲传递的数据 </div> )}function Father()...

Read More

高效学习 react 笔记一:为什么要使用 class

组件如果我们写一个功能复杂的页面,都写在 js 里,那么你的文件将会变成下面这个样子: render 函数里面将会有一坨的代码,非常不优雅但是此时就有一个奇怪的现象,为什么同样的 html 代码写在 html 文件里面就不会觉得丑呢?因为国际惯例认为习惯, js 文件一般不会这么复杂,所以产生了组件的概念。 我们把代码分开(为做演示,先暂时放在一个文件里面...

Read More

clean-code-javascript

#变量 使用有意义且能发音的单词 Bad:1const yyyymmdstr = moment().format("YYYY/MM/DD"); Good:1const currentDate = moment().format("YYYY/MM/DD"); 使用可以搜索的单词 Bad:12// What th...

Read More

v2----鼻炎疗法

12 年鼻炎患者告诉你。。鼻炎做到 4 点就能几乎痊愈。。 戒撸 最高频率一周一次 多喝水 一天 1500 毫升 多运动 每天三公里跑步 保证睡眠 每天保证 8 小时连续睡眠

Read More