前端新手遇到的问题 ---含“ 属性值省略引号、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'的 文字

调整后 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可以并行下载多少个资源?

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

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值