2022-05-11

代码题

转数据格式

123456789→123, 456,789

输入：

数字num

中间连接符号 ，

间隔位数 3

问：使用正则匹配的方式可能更简单？

数组转树

场景题

H5新标签header、aside、footer，为什么使用这些新标签，不使用旧标签？

答：语义化，方便代码阅读理解、方便SEO

面试官补充：header、footer有自带的属性，方便盲人阅读（特殊设备解析），利用开发维护

块级元素、行内元素、行内块级元素区别？

布局题：左边广告，右边内容宽度固定，左边广告宽度跟随右侧内容高度变化

答：flex布局

右flex-basis设置一个固定的宽度，左侧flex-grow:1，等分剩余空间，

aside高度如何跟着content变化？因为flex布局中，父容器默认设置了stretch，默认子项会在交叉轴上拉伸

答：补充：float浮动布局，清除浮动清除父元素高度

清除浮动有哪些方法

• 标签法，clear：both
• 父元素→BFC overflow：hidden
• 伪元素没来得及说

如何称为BFC？

• float浮动，面试官刚开始说不对，后来又说是对的
• 别的几种想不起来了：

• overflow：visible、auto、scroll、hidden
• display：inline-block、tablea-cell、table-caption、flex、grid、inline-grid
• 定位元素：position：absolute、fixed

JS题

说输出，var、function、let 变量提升

function中有var、let的话，会如何打印？

暂时性死区

存在堆、栈中？

变量声明有哪些过程？

创建、初始化、赋值

var、let区别

promise

new Promise(function (resolve,reject) {
  console.log('1')
  reject()
  console.log('2')
  resolve()
}).then(function () {
  console.log('3')
},()=>{
  console.log('4')
}).catch{
  console.log('5')
}

1 2 4 （5不输出哦，因为已经捕获异常了）

问： .catch 和 then中第二个函数处理异常的区别？

答：.catch能够处理之前链式调用函数中所有的异常，而第二个只能处理前一个函数的异常

问：去掉then中第二个函数输出什么？

答：1 2 5

promise在全局下的错误捕获方式？

面试官答：onerror？

vue在绑定之后，多次赋值，如何保证最后只渲染一次

答：我没有了解过🤦‍

项目

简历中的项目都在使用了吗？

session、LocalStorage、SessionStorage区别