Answer 1

@yeild
刚发现楼主回复了..
然后按它说的去查了下...发现我们两个前面的讨论也有一些误导性内容....
虽然过程可能的确是有没有key都是遍历...但是key似乎的确在diff中能起到提速作用...
具体看看这个？vue diff算法解析

Answer 2

可从IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Module、<script type="module"> 这几个角度考虑。

Answer 3

剩余空间分配公式

分配到的剩余空间宽度 = 剩余空间宽度 * (自身元素的 flex-grow 值 / 所有元素的 flex-grow 值的和)

解题思路

flex: 1 2 300px;
// 等价于
flex-grow: 1;
flex-shrink: 2;
flex-basis: 300;

flex: 2 1 200px;
// 等价于
flex-grow: 2;
flex-shrink: 1;
flex-basis: 200;

因为 300 + 200 < 600，故需要使用 剩余空间分配公式。

• left 的宽度 = 300 + 100 * (1 / (1 + 2)) = 333.333
• right 的宽度 = 200 + 100 * (2 / (1 + 2)) = 266.667

Answer 4

function Max(array) {
    return array.reduce((a,b)=>a > b ? a : b)
}

Answer 5

关于最后的实战部分， 想请教两个问题

1. 在使用typeof 获取APP中的索引字符串字段的时候， 为什么一定要先使用 as const 将其转化为readonly？这个的原理我没太完全理解。尝试后发现， 如果不指定为readyonly， 那么typeof之后的结果只是string
2. 在这个场景下， 我第一反应是使用枚举类型来做定义, 请问这种情况下，使用枚举类型和使用数组来定义的区别或者优劣？枚举类型不方便迭代算一个吗？

enum App {
  'TaoBao' = 'TaoBao',
  'Tmall' = 'Tmall',
  'Alipay' = 'Alipay'
}
function getPhoto(app: App) {
  // ...
}
getPhoto(App.TaoBao);
getPhoto('sss'); // not ok