一份迟来的字节日常实习面经，来自9月的感谢信。

自我介绍(5 min  面试官: 为什么要学前端？对AI感兴趣为什么不投AI岗来投前端岗？ 学校的竞赛做了什么？ )
介绍项目（上来直接问八股，没问项目只问了为什么做这个项目。）

八股 (40min左右)
1. 移动端的物理像素和逻辑像素
2. 怎么利用物理像素和逻辑像素画一根1px的分割线 (用transform属性)（使用border:1px实际上会很宽）
3. 怎么设计一个iconfont库
4. 介绍一下css的transform属性，为什么要有transform属性（transform属性的应用场景）
5.聊一下闭包(优缺点)
6.js原型链，为什么要有原型链
7.强缓存和协商缓存(浏览器怎么识别强缓存和协商缓存，怎么去选择使用强缓存还是协商缓存)
8.http状态码(细分到二级，比如201，202，3xx这样每个代表什么含义)
9.OSI七层模型每层模型的意义，为什么要七层
10.为什么要ip地址，为什么不能只用mac地址
11.浏览器的组成？
12.node的原理，node源码看过吗？
13.vue响应式与react响应式的区别
14.为什么用vue不要react
15.vue3.5了解哪些（了解了useTemplateRef来代替ref做dom操作避免与响应式造成混乱）
16.用css让一个列表的前三项默认打上勾（ :nth-child(3-n)::before{} ）
17.babel原理 （答:生成AST树，根据AST树生成js AST 然后修改该树的内容得到兼容不同版本浏览器js代码），怎么自己设计一个babel
18. 项目中的intersectionObserver监听最后一个节点，那么当我在视口到达最后一个节点的时候，瞬间又滑上去然后又滑下来那么会产生什么效果（会发两次接口请求吗？你怎么解决这个问题？我看你是模拟一个异步操作，那你是怎么解决这个特殊情况的）
19.css怎么让一个元素隐藏（display:none;和opacity:0除了一个会占据文档流一个不会占据文档流还有什么区别）还有别的属性可以让该元素隐藏吗
20.弹性布局flex:x x x每个位置代表的是哪个flex属性？ 用flex-basis设置了基础大小和width、height设置大小哪个优先级高。
21.我看你项目用了vite请你说一下vite的原理，怎么实现一个简单的vite

算法（20min左右）
字符串展开   
给定如下字符串，请你转化成符合相应规则的字符串，以`[]`为分界线。
如: 2[ 2 [ a 1[ b ] ] ] => abababab
     3 [ 2[a] 2[c 1[ b] ] ] => aacbcbaacbcbaacbcb

最开始用递归没写出来，想了半天递归的终止条件。
#实习#