Answer 1

更简单的一种写法，希望对你有所帮助

let arr1 = ['A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'D1', 'D2'] 
let arr2 = ['A', 'B', 'C', 'D']
let arr = arr1.concat(arr2)
arr.sort((a,b)=>a[0]<b[0]?-1:1)
console.log(arr);// ['A1', 'A2', 'A', 'B1', 'B2', 'B', 'C1', 'C2', 'C', 'D1', 'D2', 'D']

Answer 2

总结一下
1、给图片设置max-width:300px
2、给图片设置transform: scale(0.625,0.625)，但是占据的位置还是原来的480px
3、给图片设置box-sizing: border-box;padding: 0 90px;，但图片左右会有90px的内边距
4、给图片设置zoom: 0.625
5、js获取元素使用imgs[0].setAttribute("style","width:300px!important;")或者imgs[0].style.cssText='width:300px;'
6、给图片设置动画，from{width:300px;}to{width:300px;}，动画时间为0s，原理是CSS动画的样式优先级高于!important的特性

Answer 3

1.首先http 1.1是一个慢启动的过程，在起初建立连接的时候会慢慢的寻找一个稳定的速度，然后选择这个稳定速度的大小来进行发送数据
2.正是因为慢启动的原因，每个资源在传送的时候都会寻找一个合适的发送大小，因此会造成每个资源间的竞争，因此，在同时开启了多个tcp连接的情况下，这些资源都会去竞争带宽
3.http 1.1有一个队头阻塞的问题，当一个请求因为某些原因而在队头阻塞的时候，从而导致后面的请求被延迟，效率非常低

感觉跟1，2没关系，现在TCP RENO版本的拥塞控制设计都是先进入慢启动阶段，无论http1.1 还是http2.0

Answer 4

@norname-shine 嗯嗯 谢谢你的建议