0817

工作

• 今天主要开了个会，过了下前端设计方案

反思

同样设设计方案，后端的设计方案和详细程度要高很多，包括：

• 业务原型 & 业务流程
• 数据库设计
• 实体设计
• 接口设计 等

同事分享了他的设计方案，其中主要分析的就是接口，但是，他做的比我好多了：

• 接口名
• 入参
• 出参/异常返回状态码说明（删除不存在的数据返回指定状态码，删除成功提示灯），其中详细给出了具体的字段和对应的结构
• 数据聚合说明

感觉就是写的很棒，自己的差距还是很大。

好文推荐

• 基础很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？

比较有意思的是这个写法：

function fn (time) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`${time}毫秒后我成功啦！！！`)
    }, time)
  })
}

async function asyncFn () {
  const arr = [fn(3000), fn(1000), fn(1000), fn(2000), fn(500)]
  for await (let x of arr) {
    console.log(x)
  }
}

asyncFn()
3000毫秒后我成功啦！！！
1000毫秒后我成功啦！！！
1000毫秒后我成功啦！！！
2000毫秒后我成功啦！！！
500毫秒后我成功啦！！！

// 等价于

function fn (time) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`${time}毫秒后我成功啦！！！`)
    }, time)
  })
}

async function asyncFn () {
  // 排队
  const data1 = await fn(3000)
  console.log(data1) // 3秒后 3000毫秒后我成功啦！！！
  const data2 = await fn(1000)
  console.log(data2) // 再过1秒 1000毫秒后我成功啦！！！
  const data3 = await fn(2000)
  console.log(data3) // 再过2秒 2000毫秒后我成功啦！！！
}

• 万字总结的Webpack 核心原理，虽然可能快过时了
• 设计方案，写了才知道有多香 可以作为前端设计方案的参考资料
• 让你选一句话裱起来，你会选什么？ 我会选 stay hungry, stay foolish

项目推荐

好用的工具

TODOS

• 完善 前端技术设计 文章