git命令 、 React生命周期钩子、弹性盒flex的属性

git命令你知道哪些？

git add .
git commit -m
git merge
git checkout 分支名称
git branch 分支名称
git push
git pull 更新
git 冲突：
（主线）手动合并之后，在上传
（分支）git pull 先更新 ， 在上传
“MVVM”:双向数据绑定，View的变动，映射在 ViewModel，反之一样

混合开发 - 小程序

是否使用过小程序框架
Mpvue taro
小程序请求？
使用promise

React生命周期钩子

//初始化
getDefaultPorps
getInitalState
componentWillMount
render
componentDidMount

//运行中
    componentWillReceiveProps
    shouldComponentUpdate
    componentWillUpdate
    componentDidUpdate
    
//销毁
    componentWillUnmount

// 16.x
// 初始化
constructor
sataic getDeviredStateFromProps // 未来版本
componentWillMount
render
componentDidMount
// 更新阶段
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
getSnapshotBeforeUpdate() // ---- 将来会使用
componentDidUpdate
// 销毁阶段
componentWillUnmount
// 错误处理阶段
componentDidCatch
、

1. 函数式无状态组件

2. es5方式 React.createClass组件
3. es6方式 class
   函数式组件：function myConponent(props) {
   return Hello{props.name}
   }
   class组件：class App extends React.Component {
   handleClick() {
   this.props.dispatch({ type: ‘app/create’ });
   }
   render() {
   return
   { this.props.name}
   
   }
   }

1. 面向对象继承

• 原型继承
• 原型链继承
• 混合继承
• 类继承

2. this改变的方式

• call
• apply
• bind

一、flex的浏览器内核兼容写法

{
display:-webkit-flex;
display:-moz-box;
display:-mz-flexbox;
display:flex;
}

二、容器上的六个属性、容器内的子项目上的六个属性
①、容器上的六个属性：

   flex-direction: 决定子项目主轴的方向（默认值为row）

   flex-wrap: 决定子项目是否换行（默认值是不换行nowrap）

   flex-flow: direction wrap的合并写法

   justify-content: 决定子项目(水平)横向布局方式（默认值flex-start）

   align-items: 决定子项目(垂直)纵向布局方式（默认值stretch）

   align-content: 子项目有多列时，决定子项目的纵向布局方式（默认值flex-start）

②、容器内的子项目的六个属性：

   order: 设置子项目的顺序(默认为0)

   flex-grow:  子项目是否可扩大（默认为0，不扩大）

   flex-shrink:   子项目是否可缩小（默认为1，可缩小）（0是false,1是true）

   flex-basis:  设置子项目的初始宽度（默认为auto）

   flex: grow、shrink、basis合并

   align-self: 设置子项目(垂直)纵向方向的位置（默认值stretch）