滴滴一二面面凉经
大家面试前一天千万不要通宵，八股文还好，一撕代码脑子就糊🤣
一面：基础面（面试官是一个很好的大哥，没思路的时候会引导我
1.说一下箭头函数
讲了是ES6新增的语法，以及箭头函数和普通函数this指针指向的区别
2.从输入url到渲染完页面中间进行了什么操作
①浏览器会从标签或历史记录里面获取缓存呈现，如果没有对应缓存
②从本地hosts文件内查找对应关系，如果hosts也没有
③会向局部DNS服务器发送请求（这里扩展了迭代解析和递归解析）获取目标域名的IP地址
④获得IP地址之后发送TCP请求，其中涉及三次握手跟四次挥手
⑤建立TCP连接之后会发送HTTP请求，获取网页所需资源
⑥在获取资源的时候会出现强缓存和协商缓存（这个单独问了一下）
说的强缓存是在HTTP报头中添加max-age字段设置资源过期时间，没过期则从浏览器缓存中获取资源
协商缓存是使用报头的Etag字段跟后台服务器资源进行匹配，如果发现不一样会返回资源，一样则从浏览器缓存中读取
⑦浏览器接收到文件资源之后会生成DOM树和CSSDOM树进行渲染（这里提了重绘与回流）
3.忘记什么问题了（想起来了，问什么是AST树）
回答.js文件在浏览器是怎么运行的，两个编译器进行编译的方式（js代码→AST语法树→字节码→优化的机器码）以及v8引擎的自动优化策略
最早版本两个编译器直接生成二进制机器码进行执行，后来优化为先编译成字节码交给浏览器执行
因为JS是弱类型语言没法确定变量类型，在转换机器码的时候效率低，所以需要在使用过程中不断收集调用热点交给另一个编译器优化为更加有效的机器码
举例：两数求和的函数在不断优化后传入的都是number类型，底层会优化成 params:Int.如果出现错误使用传入字符串，则会回退到字节码再重新进行收集优化
4.HTTP和HTTPS的区别
说了HTTPS的加密过程、SSL和STL的发展史、CA证书的使用
5.事x件循环-异步原理(不知道为啥会被和谐掉,中间加个x可以正常显示了）
答了浏览器线程池与node10的五层事件循环层次，以及node11开始为了和浏览器保持一致更改了事件循环层次的方法
6.Webpack的核心打包原理是什么
说了核心的babel-core组件，然后根据引入组件生成的AST树，以及双递归将AST树扁平化后把ES6语法更改为ES5语法，并生成main.js文件
7.手写Promise.all
8.最大子串问题
9.在学校经常有带团队的经历，问我平时怎么带团队的，怎么保证代码风格一致
①讲了Git的管理策略
②了解组员技术栈和特点分配新的技术栈
③提前规定好注释格式
④用ESLint进行检测
⑤每一到两天进行codeReview，所有人帮忙看bug，如果有bug会影响到其他人的代码就更改完之后再提交
10.什么是瀑布模型
一种开发流程，首先由技术leader和产品经理进行系统设计，再下发的开发人员进行开发的一种模型。弊端是如果需求改变需要重新退回到开发流程
11.你还有什么优势是我没问到的？
这时候脑细胞以及有点不够了，就说这样想想不起来。
然后面试官说看我用vue比较多就问了vue的双向绑定原理
问了观察者模式和发布订阅者模式
二面：（是一个很年轻的小哥哥，也非常和蔼
1.如果没有同源策略会发生什么事情
没有准备过这个问题，引导下说出了跨网页获取用户信息这些
2.三个紧贴的div，给第二个设置margin-top负值会出现什么情况
一开始想当然的认为第二个会下降，不过面试官引导了一下发现是文档流方面的问题。说了紧密原则
3.水平垂直居中的实现方法有几种
4.用flex实现叁饼布局（斜对角3个div）
首先考虑到grid布局，不过不常用语句有些忘了
5.手写深拷贝
手写了递归的深拷贝，不过面试官说了循环调用情况下会造成无限递归的情况应该怎么处理
6.也问了HTTP和HTTPS的区别，然后往深了问HTTPS请求中间人能否获取url
77.问了webpack中loader和plugin的区别
说了loader更偏向于拓展webpack对各种文件格式的处理，plugin更多的是给webpack添加功能
举例了HtmlWebpackPlugin能够自动处理index.html文件不需要手动，devServer能够实时刷新修改内容
8.问了vue的依赖收集
讲了观察者模式
9.vue中计算属性的原理
还有一些记不清了，想起来就补充上
面完都是过一小会直接发短信了，整体面试体验还是很棒的。
因为第一次面试，之前也没怎么刷面经，结果面完感觉自己也不是啥也都不会。继续查漏补缺吧😂
查看5道真题和解析
投递华为等公司10个岗位 >