react

1，react类组件和函数组件区别

函数组件：
function Welcome (props) {
return <h1>Welcome {props.name}</h1>
}
ReactDOM.render(<Welcome name='react' />, document.getElementById('root'));
函数组件接收一个单一的props对象并返回了一个React元素
类组件：
class Welcome extends React.Component {
render() {
return (
<h1>Welcome { this.props.name }</h1>
);
}
}
ReactDOM.render(<Welcome name='react' />, document.getElementById('root'));
无论是使用函数或是类来声明一个组件，它决不能修改它自己的 props。
所有 React 组件都必须是纯函数，并禁止修改其自身 props 。
React是单项数据流，父组件改变了属性，那么子组件视图会更新。
属性 props 是外界传递过来的，状态 state 是组件本身的，状态可以在组件中任意修改
组件的属性和状态改变都会更新视图。
区别：
　　函数组件和类组件当然是有区别的，而且函数组件的性能比类组件的性能要高，
因为类组件使用的时候要实例化，而函数组件直接执行函数取返回结果即可。
　　为了提高性能，尽量使用函数组件。
　　函数组件没有this,没有生命周期，没有状态state,
　　类组件有this,有生命周期，有状态state。

2， JSX

3， redux

js

1.重绘和重排

一、重绘不一定需要重排，重排必然会导致重绘
1、重排：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。
1）添加、删除可见的domzz
2）元素的位置改变
3）元素的尺寸改变（外边距、内边距、边框厚度、宽高等几何属性）
4）页面渲染初始化
5）浏览器窗口尺寸改变
2、重绘：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。
二、减少reflow、repaint
1、不要一条一条的修改DOM的样式，可以先定义好css的class，然后修改DOM的className。
2、不要把DOM结点的属性值放在一个循环里当成循环里的变量。
3、为动画的HTML元件适用fixed或absolute的position，那么修改他们的css是不会reflow

2.promise是什么

3,this

css

小程序

es6