shopee虾皮还愿 2022秋招前端
时间线：9.15 一面 ｜ 9.22 二面 ｜ 9.26 HR面 ｜ 10.27 录用通知 ｜ 10.29 oc
2021.9.15 Shopee虾皮2022秋招前端一面
超级无敌好的面试官，面试正式开始前还说他会用电脑做记录，可能有停顿，希望不要介意（我不介意！！！您慢慢记！！！多记点好的⚽⚽了）
1. 个人介绍
2. 介绍一下在实验室做了些什么
3. 除了flex做响应式布局，还有别的方案吗
（教程 https://juejin.cn/post/6844903814332432397 ）
4. 介绍一下你了解的flex
（教程 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html）
5. css实现垂直水平居中，尽可能多的方案
6. 问我更擅长哪一方面，他就问什么（太好了吧😭 说了css和js）
7. 元素隐藏的方法
我：display: none、visibility: hidden、opacity: 0, z-index,
面试官： position: absolute移到可视区域外、缩放 transform:scale(0),
面完后我搜到的：文本缩进属性text-indent: -999px、lip-path: polygon(0 0, 0 0, 0 0, 0 0)、height: 0; overflow: hidden;
8. 什么是重绘和重排，怎么减少
（教程 https://www.chenhanpeng.com/reflow-and-repaint/）
9. 怎么引起重绘和重排
答：样式改变触发重绘（这个不太对，所以面试官又接着问了） dom结构改变引起重排（应该没答完整所以继续追问了）
10. 单纯改变样式会引起重排吗，比如padding和margin
答：会引起
11. 哪些样式改变会引起重绘，哪些会引起重排
答：调整字体大小、窗口大小、样式改变（我仿佛脑抽了用问题回答问题，其实我想说颜色这种样式的改变，被抓住了这一点，见12）会引起重排
12. 所有样式改变都会引起重排吗
答：改颜色只会引起重绘
13. 缩小元素怎么不引起重排，比如10px * 10px 变5px * 5px；
答：一紧张说了个translation？？给面试官逗笑了55555
面试官：translate / transform确实不影响真实占位不会重排，但是改位置和改尺寸会引起重排，因为要重新计算div的位置大小，只要不改div在整个布局的位置和尺寸就不引起重排，比如你刚说的改变字体大小和窗口大小就会引起重排。
我主动补充了opacity:0和position: absolute/fixed脱标可以减少重排
面试官：先绝对定位掉，等全部渲染完再（什么什么听不清了）减少重排的次数
14. promise解决了什么问题（回调地狱）
15. promise的方法
说了then, catch, 面试官补充了all race
（教程 https://www.jianshu.com/p/d8a901dd72ac）
16. 对算法和数据结构有信心吗（我没有哈哈哈）
面试官是css组的（耶！躲过一劫！ ）但是说了需要去了解算法思想
考考正则，命名转小驼峰
可能的输入：TestVal，test_val, TEST_VAL ，要求实现驼峰命名的输出
17. css选择器考察
1) 获取当前页面的所有dom节点
document.querySelectorAll("*") 2) 获取当前页面的所有p节点
document.querySelectorAll("p") 3) 获取当前页面带有data-click属性的节点，color设为白色
var x = document.querySelectorAll("[data-click]");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.color = "white";
} 18. 伪类和伪元素，知道哪些，有什么区别 （教程https://blog.csdn.net/qq_27674439/article/details/90608220）
19. 反问
1) 看中面试者的那一方面（只要有一个方面够突出就行，了解的多并有专精能力）
2) 公司业务
2021.9.22 Shopee虾皮2022秋招前端二面
1. 自我介绍+项目介绍（超温柔的面试官就是问的问题一点也不温柔，会一直深挖😭）
2. 项目中身份校验用的token和sessionStorage
3. 为什么项目使用vue而不是react
4. vue3.0了解吗？他的特性
5. vue3.0的生命周期为什么变更
6. vue3.0的proxy解决了什么问题
7. 用ES5还是ES6
8. ES6的promise的异步回调解决了什么问题
9. 作用域和作用域链
10. 箭头函数的特性，它的this指向在编译的时候决定还是运行的时候决定
11. 写代码：new操作符干了什么
12. 写代码： leetcode链接：https://leetcode-cn.com/problems/valid-parentheses/
13. https是怎么实现，解决了什么问题
14. 服务端发送给客户端的证书咋校验有效的
15. 为什么既用了非对称加密又用了对称加密
16. 为什么非对称加密更安全
17. 对称加密不发送密钥的话会不会更安全，比如自己开发个app，两边都是自己的，服务端放一个客户端放一个，直接用密钥来对称加密，有啥问题
18. 反问
1) 看中面试者的哪一方面（不方便说）
2) 如何学习（框架的话，建议针对某个框架的原理解决的问题，相似的框架也差不多，从一个小点突破，横向对比）
3) 公司业务
受益匪浅的两次面试，许愿hr面
2021.9.24 更新
2021.9.26 Shopee虾皮2022秋招前端hr面
1. 自我介绍
2. 专业排名
3. 有实习经历吗（去了老师实验室没有去公司实习）
4. 户籍地，家长支持去外地（我强行帮爸妈支持了hhh）
5. 工作城市有要求吗
6. 有offer吗
7. 投了其他公司吗
8. 对公司看中的三点（完全没准备，答的什么东西，讲不出来第三点。电话里面有回音能听到自己的声音给我紧张到了）
9. 为什么学习前端，未来规划
10. 接下来是hr的咔咔一顿介绍（有四五分钟）
11. 还有问题吗（问能不能去实习，说是可以的）
12. 还有问题吗（没有了，刚才那咔咔一顿差不多介绍了我全部想问的）
#Shopee##面经##校招##前端工程师#
投递虾皮信息等公司10个岗位 >