2022.07.07
一面
- 自我介绍
- 介绍一下BFC
- 将元素水平垂直居中有哪些方式
- 如何做移动端适配
cookies、sessionStorage、localStorage区别
相同点:
- 它们都是浏览器存储数据的方式
- 它们都受到同源策略的限制
不同点:
- 从存储大小来说
- cookie存储大小为4kb,而localstorage、sessionstorage存储大小为5MB
- 从生命周期来说
- cookie没有设置过期时间的话,默认是会话cookie,当关闭tab或浏览器时,数据就会被清空;当设置了过期时间的话,cookie会被保存在内存中,等到了过期时间才会被清空
- localstorage是本地存储,是一种持久化的存储方式,如果不手动清除的话,它就会一直保存在内存中
- sessionstorage是会话存储,当关闭tab或浏览器时,数据就会被清空
- 从能否与服务器进行交互来说
- cookie会跟随http请求一同发送给服务器,作为浏览器标识,保存浏览器相关信息
- localstorage、sessionstorage则不会被发送给服务器
js有哪些数据类型
- js数据类型检测(typeof、instanceof、Object.prototype.toString.call()、constructor)
- 介绍一下闭包
- 前端跨域有哪些方式
- 深拷贝和浅拷贝
- Vue组件通信
- 同步和异步
- Event Loop
- Http状态码
- 问项目
hr面
总结:第一次面试答得还算不错都是经典的八股文,但有些细节还是没有回答好,要多巩固基础呀!!!这次面试还是比较轻松的,面试体验不错。