羽球往事

(一篇 2015 年的旧文。)

大约十年前,拍还是一副一副的买,球还是一个一个的买,而不像现在,拍一把一把的买,而球一桶一桶的买。也就是差不多那个时候,我拥有自己的第一副羽毛球拍,它打开了我通往羽毛球世界的大门。

Read More

rg.exe 占用 100% CPU

Windows 上使用 VSCode 遇到一个问题,打开项目时,整个电脑基本卡死,Ctrl+Shift+Esc 发现 rg.exe 占用 100% 的 CPU。

在 github 看到,是因为是 cnpm 的原因,解决方法如下:

下载 vscode1.18以上版本

增加配置

安装完成后 文件>首选项>设置

1
"search.followSymlinks": false

React 小技巧

使用 React.js 一段时间了,把使用过程遇到的小坑和小技巧记录下来,希望能够帮助到其他人。

显示 html

1
<div dangerouslySetInnerHTML={{ __html: LANG.auth_register_tips1 }}/>

传数组给子组件

  1. PureRender —— 当 porps 与 state 传入时,通过浅比较决定是否要重新渲染
  2. shouldComponentUpdate() 钩子默认返回 true,可以重新

组件间通信

  1. flux 架构

  2. 父组件向子组件 —— props

  3. 子组件向父组件 —— props.funciton 接收参数

  4. 利用事件机制

高阶组件(HOC)

高阶函数,可以传入函数作为参数的函数,如 map,sort,reduce。高阶组件包装了另一个组件的组件。

  1. 属性代理 (Props Proxy)
  2. 反向继承 (Inheritance Inversion)

Read More