滴滴秋储前端实习-小桔能源(已OC)
时间线
- 6.1投递简历
- 6.11笔试
- 6.21一面
- 6.23二面
- 6.29 oc
- 7.3 收到Offer
- 7.7 入职
一面 6.21 50min
- HTML语义化
- CSS3的新特性了解吗
- css代码题：仅使用css实现一个盒子设置宽高100px，并设置一个50px子盒子垂直居中（伪元素）
- 还有其他垂直居中的方案吗
- 了解栅格布局吗(不了解)
- css代码题：一个div盒子，里面有十个div子盒子，先实现10个盒子垂直居中，10个盒子平分父盒子宽度；再实现第一个元素独自居顶，其他9个不动（align-self）
- 子元素设置了宽度，也设置了flex:1，哪个优先级高？
- js基础数据类型
- 数组添加元素的方式有哪些
- 如何使用尽量少的代码，创建一个长度为10，并且每个元素都是1的数组 new Array(10).fill(1)
- 讲一下js事件循环
- 有哪些异步的写法，async和await和Promise有什么关系？
- 口述实现一个类Person有sleep和eat方法，使得其实例可以p.eat().sleep(1000).eat().sleep(2000).eat()，这样链式执行，先执行第一个eat，再等1秒执行第二个eat，再等两秒执行第三个eat()
- 讲一下你知道的排序算法，只讲了各个算法的名字，没要讲实现
- 要实现一个级联选择框（比如省市县），你会怎么设计数据结构来存储
- 讲一下项目的登录实现
- HTTP状态码
- vue的数据流
- vue双向数据绑定的原理
- 项目报错，你会从哪些方面去排查？使用过断点调试吗？
- 讲一下跨域
- 你有什么想问我的吗
二面 6.23 40min
- 一个父盒子100px宽高，三个30px宽高的子盒子，如何使用flex布局实现均分宽度，两个贴边(justify-content: space-between)
- 如果有四个子盒子会怎样呢(压缩)
- 如果设置了flex-wrap换行的情况下，有五个子盒子，第五个的位置在哪里呢(第二行的四五个盒子分别占据两边，第五个盒子和第一行第三个盒子对齐)
- 如果要让第五个盒子，和第一行第二个盒子对齐，怎么办？
- 一个元素，使用CSS画三角形
- 一个元素设置边框和border-radius可以变成一个圆环，这个时候要使用css再画嵌套的圆环怎么做（我说使用伪元素），使用伪元素最多画三个圆环，那如果要画四个五个或者更多怎么办呢？
- Promise有几种状态？它们之间怎么转换的？
- 为什么使用axios发请求之后，返回了一个成功的Promise，但是之后可能又可能变成失败的？(Promise.then()会返回新的Promise)
- 口述节流、防抖的实现
- 场景题：一个搜索框，输入信息之后会返回匹配的字段显示在下面，但是由于网络问题，先输入a，然后删除再输入b，但是b的匹配内容先返回，a的匹配内容后返回，如何解决？（我说根据两次请求的关键字，和当前input框的关键字对比，如果不一样就不渲染）。那么如果先输入a，删除后又输入a，由于某种原因a的数据第二次发送请求时已经发生更改，但是第二次发出的请求先返回，那么只根据关键字匹配的话，就会渲染错误的内容，如何解决？（我说使用时间戳判断渲染最后一次发出的）
- 输入一个url之后发生了什么？
- url由哪些部分组成？你觉得哪些部分改变会影响缓存？
- 命中缓存会返回怎样的响应？协商缓存根据什么去判断的？
- 登录的方案，cookie+session和JWT各有什么优缺点？
- 你觉得token有被伪造的可能吗？
- 你认为vue和原生js或者jQuery对比有什么优势
- 你讲到了异步渲染，是什么时机渲染呢，怎么实现的？(不知道)，你猜一下呢？
- 你有什么想问我的吗？
