再读三公子的<工作前5年,决定你一生的财富>

国外很火的一本书, 居然有大佬翻译成中文了,果断买了,发现并没有太多react设计模式的内容,大都是一些常用的用法,就当温故而知新了
对应书书的每一章,写个笔记,书的目录
1 React 基础
2 整理代码
3 开发真正可复用的组件
4 组合一切
5 恰当地获取数据
6 为浏览器编写代码
7 美化组件
8 服务端渲染的乐趣与益处
9 提升应用性能
10 测试与调试
11 需要避免的反模式
12 未来的行动

展开全文 >>

react性能优化

2018-09-13

属性传递优化
事件申明时的this绑定方法

<button onClick={this.onClick.bind(this)}></button>

<button onClick={() => this.onClick()}></button>

constructor (props) {
    super(props)
    this.onClick = this.onClick.bind(this)
}

三种声明方式的比较：①②相对于③，再次执行时都要再渲染一编render()里的bind函数和函数声明式，而③的绑定函数只执行一次，并不会每次执行时都进行调用，对于性能方面，显然③方式会比①②更好，而且②相对①对性能的影响会低一点。所以三者对性能优化的优先级为③＞②＞①

React中，组件嵌套是十分常见的，在父组件往子组件传递对象时，应该将对象的key和value在render()内先定义再使用，不然每一次使用子组件时都会生成新的对象进行传递。(先声明, 再使用)

多组件优化
在父组件因状态的变化更改，而子组件并没有状态变化时，若子组件随着父组件一起更新，会造成比较大的性能浪费，为减少子组件额外渲染而浪费性能
① shouldComponentUpdate(nextProps, nextState)
② React.PureComponent 替换 React.Component
③ ImmutableJS
加key
redux性能优化使用reselect库
在调用到已经执行过的数据时，react不会再次对数据进行渲染，而是从reselector中取出缓存数据加载，减少了重新渲染，达到性能优化的效果。
用函数子组件进行UI和逻辑的分离, 数据的变更改变尽量少的组件
一些与状态无关的属性不要放在state里, 避免数据改变重新渲染dom
浅层数据对比的组件尽量用 PureComponent

展开全文 >>

vue的虚拟dom的update

2018-09-13

vm._update(vnode) {
    const preVnode = vm._vnode
    vm._vnode = vnode
    if (!preVnode) {
        vm.$el = vm.__patch__(vm.$el, vnode)
    } else {
        vm.$el = vm.__patch__(prevVnode, vnode)
    }
}

function update (componfent) {
    vm._update(vm._render())
}

展开全文 >>

forjob

2018-09-13

搜集的一些面试题, 现在越发的觉得( JavaScript高级程序设计和 ES6标准入门(第3版) 很重要, 抽时间会再通读一遍)
有点零散,含括了大部分面试点

展开全文 >>

题-答2

2018-09-12

浏览web文章的时候收集的大厂的一些面试题当然是查漏补缺,学习一波了

原文问题链接: https://juejin.im/post/5bc92e9ce51d450e8e777136

—————- 阿里-网易-滴滴 —————-

展开全文 >>