前端知识点补充1

css知识点：
  layoutWeight(1)，表示占父容器剩余宽度的百分比
TS知识点：整数和字符串互转:
  toString()：整数转字符串; parseInt(value):强转整数
结构赋值只支持单层赋值并引起UI更新，第二层不支持，所以使用延展属性...

1. this.user.address = { ...this.user.address, province: value }
   {...}：表示前端的浅拷贝，先将前端的属性赋值给一个对象，再改变其中一个值
2. this.user.address.province = value
   this.user = {...this.user}

箭头函数-改变this指向- 指到父级作用域

const add = () => {
  // this指向 父级作用域
}

模板字符串: ${变量}
延展运算符 ...

const a = { name: '章三', age: 18, sex: '男‘  }
const b = { ...a }

promise ES6- 解决回调地狱的一种解决方案

new Promise(function (resolve, reject) {
  resolve(1)  // resolve代表成功的回调
  //reject()  // resolve代表失败的回调
  // 如果没有resolve和reject将会一直等待pedding
}).then(result => {  // 通过.then拿到resolve的回调数据
  return 2
}).then(result => { 
  throw new Error() //失败
}).catch(error => {
})

async await - 让我们用同步的方式去写异步