字节前端

面的是国际化商业产品与技术的26日常实习，已oc

一面（8月22日）：

上来面试官介绍了一番部门是做什么的，然后让我自我介绍，说一面考核基础

1. 对vue3的api有什么了解
2. 有用过shallowRef和shallowReactive么（没用过）
3. vue3响应式对于对象深层属性有响应式么，proxy是深层还是浅层代理
4. proxy能监听到属性的删除和添加么
5. vue3的vdom实现
6. 新推出的SolidJS，Svelte无visual dom框架，说一说你了解的visual dom和无visual dom都有什么优缺点
7. 开放问题：现在的实际结果，主流无visual dom比vue和react更快，你可以想一下为什么
8. http2和http1有什么区别（当时知道http2的东西，但是忘了时http2的）
9. http缓存有了解么，讲解一下强制缓存和协商缓存
10. 除http缓存以外还有什么别的缓存机制么
11. link标签有哪些常见作用（没用过）
12. 讲解一下z-index机制，为什么主流组件库的popover或者tooltip通常都是放在body层级下的，知道层叠上下文么
13. 你了解哪些css动画的实现方式
14. 说到轮播图，说说轮播图你有遇到哪些难点，怎么解决的，轮播图从最后一张图切到第一张的动画怎么实现的，假设能同时展示多张图，你怎么实现最后一张到前几张（后者没答出来）
15. 你用到了ts，你知道interface和type的区别，有用过装饰器么（装饰器没用过）
16. 怎么实现一个事件委托
17. 你的截图组件怎么实现的
18. 有封装过vue或者react的组件么，封装的时候考虑的因素有哪些

开放题目：编写css，尽量让一个div贴近一个按钮的交互效果

经典的事件循环看代码写输出顺序的题

算法：leetcode55、跳跃游戏

反问：

部门用的技术栈：取决于用的那个方向，面试官是用Stencil(没听错的话)写web components

什么是web components：就是一个api，封装自定义的标签，当dom树插入这些标签时会执行提供的函数去渲染这些标签，类似原生框架机制，提供了浏览器内置的一些slot，props操作的能力

二面（8月26日）：

没问技术，全程在讨论我写过的项目，中途问了一下cookie

opacity:0; visible:hidden; display:none; 他们有什么区别

在数组上实现一个reader对象，有一个read函数，这个函数只允许传入一个正整数参数，不传默认为1，然后从数组中取出对应个数元素，但是不改变数组本身，每次取出的起始位置都是之前取出的元素的后一个

反问：学习上的建议

答：注重基础

三面（8月29日）：

没问技术，还是全程讨论我写过的项目，和学校课程安排，听到我学了计网，就问了一下https，问我许多新增服务器的CA证书是怎么被你的浏览器认定为合法的（当时脑袋瓦特了，没答出来，后面想起来了但也没有说），还问我项目里链路图的数据结构怎么优化

反问：学习上的建议

答：计算机基础特别重要，不仅要学，还要融入你的代码里