一些简单的前端面试题(3)

第一题

var x=10;

function cals(myNum) {

            return x+myNum;
        }
     //函数 cals(7) 返回什么？

解
因为前面x=10为数字类型，且myNum为7，myNum不带引号所以不是字符串类型，则为数字类型，所以两者相加。
结果为17

第二题

//白屏时间first paint和可交互时间dom ready的关系是？(DOM)

解
页面的性能指标详解：
白屏时间（first Paint Time）——用户从打开页面开始到页面开始有东西呈现为止

首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间

用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作，默认可以统计domready时间，因为通常会在这时候绑定事件操作

总下载时间——页面所有资源都加载完成并呈现出来所花的时间，即页面 onload 的时间
结果是：先执行白屏时间，再执行交互时间

第三题

//css中clear的作用是什么？
//A.清除该元素所有样式
//B.清除该元素父元素的所有样式
//C.指明该元素周围不可出现浮动元素
//D.指明该元素的父元素周围不可出现浮动元素

解
clear : none | left | right | both.
对于CSS的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能影响其他元素。
答案为C

第四题

//从字符串 const str = 'qwbewrbbeqqbbbweebbbbqee';
//中能得到结果 ["b", "bb", "bbb", "bbbb"] 以下错误语句是？
//A.str.match(/b+/g)
//B.str.match(/b*/g)
//C.str.match(/b{1,4}/g)
//D.str.match(/b{1,5}/g)

解
+表示出现至少一次b
*表示可以不出现b，也可以出现一次或多次
{n,m}表示最少出现n次b,最多出现m次b
结果为B