这一面给我的感觉是,滴滴的面试官水平很高,逐步深挖直到说不出来为止。
无自我介绍,上来就是共享屏幕写题。
CSS
- 手写三栏中间自适应布局-flex和浮动布局两种方法实现
- 浮动布局的坑点:mid元素要放到最后说说flex的各种属性
- flex:1的含义
- 上面浮动写法中,如何通过触发bfc方式实现
- 说说浮动和文档流的关系
JS
- 如何遍历对象上的属性
- 以上两种遍历方法的区别
- 如果我想让一些属性不可以遍历,可以怎么做
- 如何遍历Symbol属性
- 输出题
- 输出顺序
- 变问法 涉及变量提升等知识点(本场面试薄弱的部分)
手写题
- 数组扁平化递归实现
- 数组扁平化的迭代优化
- 超时请求控制
项目相关
- 性能优化
- 如何进行指标分解 关键指标是什么 如何量化
- cdn原理
- 用了cdn最后包的总体积不也是一样大吗 为什么这样可以优化
- 懒加载影响FCP、LCP吗
- 为什么用SSR
- 如果要做首屏渲染优化,为什么不直接在HTML上写一个首页的结构,一定要用SSR吗
- 组件库如何实现样式定制
- 组件库如何做的按需加载
- ElementPlus是怎么实现按需加载的
- Tree-shaking原理是什么
反问
- 技术栈
- 不足
- 对异步的理解不够 复杂的请求取消、retry、超时需要对异步有更深的理解(估计是G在了这里)
- 实习项目性能优化部分指标分解不够透彻
- 对个人组件库项目不够熟悉
#滴滴实习##前端面经#