前端面试之你遇到页面白屏如何排查和处理

进程和线程有什么区别锁有哪些↑已经忘光了😭url从输入到页面渲染经历了什么dns查询过程↑然后又问了我http建立链接过程，我说tcp三次握手他说不是这个，那我真不知道答什么了https和http有什么区别SSL证书在服务器上怎么认证，不怕伪造吗http3.0和http2.0有什么区别↑3.0真的没了解过啊前端加密算法有哪些然后手撕了两道算法一道找出第k大的数一道大数相加然后是反问我问有什么方向要提升他说计算机基础那我缺的js vue这一块谁给我补啊😭😭😭

项目聊天面。没有八股，全程围绕项目聊，最后手撕一道简单题。可能是我面试经验有限的原因，第一次遇到这种聊天面，感觉很新奇很舒适。面试官介绍（3min）面试官简短自我介绍，然后简单说明了部门的业务，以及在美团app的位置。核心本地商业-业务研发平台-特价团购。项目（50min）分为两部分。首先是我介绍项目，面试官一边听一边对项目的背景进行提问了解。之后围绕项目进行项目中遇到的问题和困难，以及我在项目中的职责，进行一系列的提问。整个对话是很有灵魂的，有时候面试官会礼貌打断我，表示希望听到的我整个解决问题的思路以及做法，遇到这件事对我的启发以及相关的思考，总结出了什么经验，云云。感觉很难得，也有一些启...

效率工程部门
自我介绍平时怎么学习的，javascript红宝书？犀牛书？看过吗？秋招有准备过吗？上来就来四道题： 题目1: 输出？说一下有没有闭包，作用域链？执行顺序是怎么样的var count = 10;function a() {    return count + 10;}function b() {    var count = 20;    count    return a();}console.log(b());题目2：输出？手撕一个new function Foo() {  this.a = 1;  return {    a: 4,    b: 5,   };}Foo.prototype.a = 6;Foo.prototype.b = 7;Foo.prototype.c = 8;var o = new Foo();console.log(o.a);console.log(o.b);console.log(o.c);题目3:了解promise吗，方法有什么？Promise状态流转// promise// race// retry// 手写promise.retry // 手写promise.retry？function promiseRetry(fn, maxRetries = 3, delay = 1000) {}  题目4:// 二分查找、找到第一个小于等于给定值的元素索引const arr = [1,2,2,2,3,3,3,4,5,6,8,8,9];// in: 2 out: 1.   in:7 out:9项目拷打：Ts了解吗？常见泛型工具函数（如Omit、Pick）的用途与实现原理？interface 、 type区别？为什么要使用SSE，考虑过websocket吗，区别？项目中提到的 “转化率提升 22%”“加载耗时从 2.1 秒优化至 0.8 秒” 等数据如何计算？是否有实际采集或仅为估算？项目中最具挑战性的部分反问：效率工程部，干什么的？提效的涉及很多个项目

1. 虚拟DOM 虚拟dom是当前前端最流行的两个框架（vue和react）都用到的一种技术，都说他能帮助vue和react提升渲染性能，提升用户体验。 虚拟DOM就是一个普通的js对象（VNode 节点），是一个用来描述真实dom结构的js对象。 为什么要用虚拟DOM 你用传统的原生api或jQuery去操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。 当你在一次操作时，需要更新10个DOM节点，浏览器没这么智能，收到第一个更新DOM请求后，并不知道后续还有9次更新操作，因此会马上执行流程，最终执行10次流程。 而通过VNode，同样更新10个DOM节点，虚拟DOM不会立即操作...