前端新手遇到的问题 ---含“ 属性值省略引号、font-size-adjust、JS定时器、各浏览器并行下载 ”知识

问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。

  1. [html] html中标签的属性值是否可以省略引号?为什么?

  2. [css] 你有使用过font-size-adjust属性吗?说说它的作用是什么?

  3. [js] setTimeout和setInterval有什么区别呢?

  4. [软技能] 请问ie和chrome可以并行下载多少个资源?

 

问题1:[html] html中标签的属性值是否可以省略引号(" ")?为什么?\

实践火狐、IE5/8/9/11后确定是可以不加的,但是编译器会提醒属性有错误。至于为什么的原因可能是浏览器的工作,自动帮属性值加上了双引号。

 

 

问题2: [css] 你有使用过font-size-adjust属性吗?说说它的作用是什么?

参考掘金的文章使用 CSS 的 font-size-adjust 属性改善网页排版

我个人理解就是,由于浏览器存在font-family属性,有首选字体和备选字体,由于担心备选字体的纵横比跟首选字体的纵横比相差太大,故使用font-size-adjust 属性用于设置所有字体的 x 轴高度 为统一大小。

前端新手遇到的问题 ---含“ 属性值省略引号、font-size-adjust、JS定时器、各浏览器并行下载 ”知识_第1张图片 使用和不使用' font-size-adjust'的 文字

调整后 font-size 的值可以通过以下公式计算

c = ( a / a' ) s.

这里, c 指调整后的 font-size,s 指原先指定的 font-size,a 是 font-size-adjust 属性指定的纵横比,a' 指实际字体的纵横比。

浏览器支持

目前,只有 Firefox 默认支持 font-size-adjust 属性。Chrome 和 Opera 分别从 43 和 30 版本开始作为试验特性予以支持,开发者需前往 chrome://flags 中开启 “Experimental Web Platform Features” 选项。Edge 和 Safari 不支持这个属性。

如果你决定使用这个属性,低版本浏览器的支持将不成问题,这个属性被设计时就已经考虑到向后兼容性,不支持的浏览器会正常的显示文本,支持的浏览器则会基于该属性的值调整字体大小。

 

问题3:[js] setTimeout和setInterval有什么区别呢?

文档中:

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

简单而言setTimeout() 是用来在函数执行一次时使用,而setInterval() 是在函数需要周次使用时使用。

 

问题4:[软技能] 请问ie和chrome可以并行下载多少个资源?

引用博文浏览器同域名请求的最大并发数限制

前端新手遇到的问题 ---含“ 属性值省略引号、font-size-adjust、JS定时器、各浏览器并行下载 ”知识_第2张图片

 

 

 

 

 

 

 

 

你可能感兴趣的:(新手前端路)