每日前端签到（第七十天）

第七十天（2018-10-14）

• [html] 说说你对HTML5的img标签属性srcset和sizes的理解？都有哪些应用场景？
• [css] 请问display:inline-block在什么时候会显示间隙？
• [js] 请快速答出此题的答案并解释：var x, y = 1; x + y = ?
• [软技能] 你会抓包吗？都有用过哪些抓包工具？

题目一：

• srcset：规定了图片的src候选集;
• sizes：规定了图片在不同条件下的尺寸取值，根据尺寸取值从srcset中找到对应的图片src；配合srcset属性才能使用；

如果没有设置srcset属性，或者没值，那么sizes属性也将不起作用。——MDN

应用场景：多用于响应式图片或不同像素密度设备的图片适配；

参考文档：响应式图片srcset全新释义sizes属性w描述符

题目二：
空白间隙

解决方法
1、全局font-size设置成0
2、

取消两个div之间的空格

第二种方法需要在div上加上 vertical-align:bottom，消除底部间隙
题目三：
NaN
题目四：
用过Fiddler，可以用来拦截请求头和响应头，然后对请求头或响应头进行伪造，解决跨域等问题；