● 自我介绍● 小程序使用量● 为什么用 Taro，你还知道哪些跨端的● 你遇到了什么问题，怎么解决，哪些没解决● 你说说 缓存 和 缓冲 的概念  ○ 缓冲❌  ：凡是使某种事物进行减慢或减弱变化过程都可以叫缓冲    ■ 从生活中去找例子，脂肪    ■ 大文件上传怎么做，分片上传    ■ 从上面两个示例中提取一下缓冲的概念● html 在浏览器展示的过程中有哪些地方会阻塞  ○ 加载方面：html、css、js  ○ 其他 ❌    ■ 大量数据处理    ■ 长时间运行的脚本    ■ 频繁的 DOM 操作    ■ alert（● 请你说说 http 各个版本之间的差异  ○ 1.1     ■ 新增了几种请求方法：put、delete、option、    ■ 增加了对请求/响应体的压缩支持，减少了延迟和带宽消耗  ○ 2    ■ 请求优先级的概念  ○ 3    ■ udp 丢包 成本低  ○ http1.1 给了浏览器websoket，http 2 和  3 给浏览器提供了哪些 新特性  ❌  ○ 用过哪些版本，用来干嘛● 你玩什么游戏● 印象深刻的游戏运营 h5  ○ 看过源码吗  ○ 写这些 h5 主要的困难是哪些● 你知道前端有哪些方向吗  ○ 你喜欢什么方向● 反问  ○ 做啥的，围绕游戏的 web 服务？  ○ 有 wasm 相关的实践吗？

timeline 如下3.18 投递3.30 笔试4.9 一面4.16  二面4.16  offer第一周发的笔试因为去旅游咕咕了，结果轮到 30 号的笔试刚好很简单，遂进面。一面二面体验非常好，面试官循循善诱，平和交流。二面结束两个小时就收到了 HR 电话，晚上收到 offer，给美团效率点赞 #晒一晒我的offer# #美团# #美团实习生# #前端#

● 自我介绍● 入职时间，实习时长● 讲讲amis ，还知道哪些低代码工具● canvas 的截取图片 ❌  ○ 调用 canvas 实例 的 drawImage 方法，通过坐标的方式将图片部分绘制到canvas  ○ 然后通过 toDataURL 变成base64 图片● 统一请求● 讲讲埋点● 获取报错栈信息● 二维码登陆● 鉴权方式  ○ SSO  ○ JWT 防止窃取  ○ Husky● 扩展运算符默认值  猜是 写一个等号，只写过 改名● CSS3   ○ 动画怎么写  ○ 如何兼容就浏览器  ○ 移动端适配● Webpack 了解过吗● 八卦  ○ 跨端框架的了解 Electron、Tarui、Flutter  ○ 学习前端方式● 反问  ○ 业务

● 自我介绍● 项目遇到过什么困难● 小程序重构背景● 访问 qq 官网，输入url 过程● DNS 展开说说● https 和 http 的区别  ○ 有哪些加密算法  ○ 如何加密  ○ 对称 和 非对称 有什么区别● tcp 为什么是三次，而不是二次四次● 访问 墙外网站 会有什么不同（想问 https 加密后怎么被墙的） ❌● HTTPS防火墙工作原理HTTPS防火墙要做的一件事就是，强制安装一个证书到“受信任”列表中（也就是上图我涂黑的那两个证书，就是HTTPS防火墙为了能够工作，强制IT部门安装到每个公司的PC上的）。有了这个“受信任”证书，HTTPS防火墙，也就是中间人，即可把任何想要监听的网站的证书，都替换成这个“受信任”证书，之后通过HTTPS防火墙内置的私钥，解开客户端到服务器之间的全部加密通信。这种方式是有很大的安全风险的，因为，如果HTTPS防火墙本身被攻击，私钥泄漏，那么在公司上网将不再安全，所有HTTPS网页上的密码，都可能有泄漏的危险，比如知乎、微博等网站，仅仅依靠HTTPS加密来保证登录密码的安全，这些密码都不再安全。● 做题  ○ 事件循环  ○ this 指向 ❌ var a = 20;function foo() {    var a = 10;    var obj = {        a: 1,        c: this.a + 20,        fn: function () {            return this.a;        },    };    return obj;}foo().c;window.foo().c;foo.fn();// use strictfoo().c;window.foo().c;foo.fn();  ○ 失败重连 好像没完全写对（ ❌ ● 反问  ○ 腾讯云做SDK的，注重 JS 基础和计网基础

● 自我介绍● 看你写的都是React  ○ 函数式组件有哪些 对应于 类组件的生命周期  ○ 自定义 hook 咋写的，做了哪些处理  ○ VDOM 和 直接操作 DOM 哪个好● CSS  ○  垂直居中    ■ line-height    ■ flex    ■ top 、transform  ○ 对回流和重绘有什么理解  ○ BFC ，如何触发，实际场景，边距重叠的解法 ，多种❌    ■ 触发规则      ● 脱离文档流的定位（positon：absolute / fix）      ● display : float、inline-block 的元素      ●  flex、grid 布局中的子元素      ● overflow 值为：hidden、auto、scroll；    ■ 边距重叠解法（将其中一个触发BFC即可）      ● inline-bolck      ● flex/grid      ● ● JS  ○ 事件循环  ○ 知道哪些异步事件● 项目：实习做过最难的，业务上最难的  ○ 水印，点击穿透 ❌    pointerEvents: 'none',  ○ 监控报警    ■ 如何追查    ■ 监控那些错误  ○ 开发流程  ○ 埋点，有了解过数据发给后端之后到可视化平台的整个链路吗 ❌（反问才知道面试官是数据团队的）● 八卦  ○ 在走哪些公司的流程  ○ 对那些公司有倾向性  ○ 为什么学前端  ○ 大学期间的学习成果，学习方向● 反问  ○ 氛围、业务

自我介绍简历上说平时有折腾提高效率的工具，展开说说平时怎么学习前端？看过什么书最近在看什么技术好，面试开始（this 指向如何理解看题说答案手写一个 bind 试试看？ ❌  说了思路..li 一堆事件冒泡如何处理React 中怎么做呢异步有哪些promiseasync awaitsettimeout如何捕获异步的错误有哪些是catch ，try catch 捕获不到的 ❌  异步函数    try catch  和 promise.catch  不能捕获异步函数里的报错, 宏任务 和 微任务都不行高阶组件了解吗，使用场景lambda 表达式 了解吗箭头函数八股文函数柯里化 手写一下纯函数模块化的了解有什么区别，如何实现有什么应用React 为什么不能在逻辑判断中写useEffect ❌ 执行时机问题——逻辑判断在组件实例化时执行，而useEffect 在页面完成 commit /paint 后执行（GPT）：关于为什么不推荐在逻辑判断中调用useEffect，原因是出于代码可读性和可维护性的考虑。由于useEffect是在组件渲染之后执行的，如果将其放在逻辑判断中，可能会导致useEffect的触发时机不准确。这可能会导致副作用的执行顺序出现问题，或者导致副作用被重复执行或不执行的情况。存储在组件的fiber 节点中，如果用条件判断可能会造成混乱？你觉得 React 有什么缺点 （你读过 React 的源码吗，读过哪些useTransition、useDeferrdValue （面试官没听说过...）Fiber 的同步和异步 ，他也不懂（，我就疯狂吟唱了算法题 区间数组合并反问前端业务、氛围如何更全面深入的了解 类似 前面那些没答上来 的问题多实践看看书

● 自我介绍● 遇到什么困难，怎么解决● 还有什么困难(● useTransition 的原理是什么●  React 用过哪些hook● useReducer 和 useState 有什么区别● hook 和 class 相比 解决了什么问题● useEffect  是异步的吗，什么时候执行● useLayoutEffect 什么时候执行● usestate 是异步的吗，怎么同步执行● 说说diff算法● 说说vdom● 说说监控报警  ○ 如果让你实现，怎么写  ○ 怎么监听其他错误，例如跨域● 会vue吗● 三数之和● 反问

● 自我介绍（面试官不想听，几欲打断）● html    ○ meta 标签认识哪些  ○ 不允许 scale 怎么操作 ❌● css  ○ 选择器优先级  ○ BFC，如何创建  ○ 动画 api● js  ○ 数据类型，放在哪里  ○ 事件循环  ○ 时间冒泡过程 ❌  ○ 手写数组去重  ○ ES6 箭头函数 和 普通函数的区别，this、constructor、作用域❌● 计网  ○ 状态码：200、301、302、304、401、404、500、503  ○ 如何解决跨域● 项目  ○ 错误报警监控，报警类型  ○ 埋点方法● 场景题  ○ 如何监控白屏 ❌  document.elementFromPoint(0,0)● 开放问题  ○ 你最近/以前遇到最难解决/深刻的问题是什么，怎么解决的● 反问  ○ 业务，前端氛围  ○ 以后得问点前面打错的（

自我介绍简单写一下你封装的hook (让继续扩展了几点）你知道哪些hookuseEffect 第二个参数，不加会？会 威 优 易 吗写一个 js 监听事件js 选择器有哪些讲讲 flex 布局时间循环 讲结果，加个await呢讲讲 报警监控，有哪些错误类型 .......反问

#前端##日常实习##美团##美团实习生#1. 面试官自我介绍（第一次见hhh）2. 自我介绍3. 写题，快排思想找第 K 大的数4. http 协议的优缺点，回答是以websocket 和 rpc 协议对比说的5. 三个协议的安全性方面呢6. 对 tcp 的了解7. http 协议状态码，204-没有内容8. 浏览器的缓存机制9. 协商缓存 Etag 和 lastModify 的对比10. 手写防抖节流函数11. 问项目，性能优化具体案例、报警监控，处理报警实例、统一 api 怎么设计12. 设计模式知道那些13. 手写订阅发布14. end总结：tcp 得重新看看，多练手撕和基础算法