去年flag基本完成✅，今年祝好运～

1.解释React Fiber架构的核心设计思想2.前端性能监控需要采集哪些关键指标?3.如何设计一个支持撤销/重做功能的富文本编辑器?4.给定长列表渲染卡顿问题，有哪些优化方案?5.实现双向绑定Proxy版的核心代码6.Webpack的Tree Shaking原理及生效条件7.如何从0搭建前端埋点监控系统?8.解释WebAssembly在前端领域的应用场景9.前端安全防护的完整方案设计10.如何实现基于WebGL的大规模数据可视化?11.Serverless架构在前端工程化中的应用12.设计一个跨端组件库的架构方案

全程22分钟，面试官很随和，上来聊了会儿offer情况和工作地点，八股里TLS加密过程弄混了没答上来，无手撕1、用户在浏览器里面输入一个url地址到渲染完成经历哪些过程？2、DNS域名解析过程？3、HTTPS为什么比HTTP要安全一些？4、TLS加密过程？5、前端有哪些手段可以让界面打开的速度更快？6、前端开发过程中需要防范哪些网络攻击？7、平常开发技术栈是哪些？8、写一个select下拉单选的一个组件，使用原生js实现样式控制，不能用html里select、option标签9、印象最深刻的项目？10、反问然后结束

#牛友提问，有问必答#

虾皮一面详细面经本次虾皮一面以“自我介绍+项目深挖+技术细节提问+现场编程+校招沟通”为主线，核心围绕简历中的核心项目、前端底层原理展开，整体难度偏实战，注重技术落地细节，以下是完整面经梳理：一、面试开场面试官先明确了本次面试的四大模块：自我介绍、项目细节提问、基础技术点考察、双向问答。我完成自我介绍后，面试官立刻聚焦简历中的第一个核心项目（笔记项目）展开深度追问。二、核心项目1：笔记项目（重点追问模块）1. 语义检索与离线缓存向量检索相关：面试官重点问语义检索的实现逻辑，核心追问“向量如何实现语义匹配”，以及余弦距离、欧氏距离的概念（我对这两个距离概念仅能简单作答，细节掌握不足）；缓存存储介...