字节意向

Timeline：一面        2025-02-14  14: 00    当天 15: 30 通过二面        2025-02-17  11: 15    当天 15: 10 通过三面        2025-02-18  14: 00    当天 14: 50 通过hr面        2025-02-18  17: 00    当天通过oc            2025-02-19  10: 45呃啊啊啊啊啊啊啊，对比一面难度飙升二面主要过程：1. 自我介绍2. 首屏优化有哪些方法（tree-shaking  http2  懒加载  gzip  SSG ......），    看的是哪个指标（LCP），LCP具体是怎么计算的（完全没了解）3. 业务组件和基础组件的区别（？？根本不知道），如何保证组件的稳定性（希腊奶，应该是指组件测试）4. 拷打 css： - 重绘重排（浏览器渲染原理，结合 visibility: hidden 和 display: none） - flex 垂直布局如何使得三个子盒子间隔 10px（不是 margin / space-between，叫我去了解一下，应该是 row-gap） - position: sticky（没用过），position 和包含块5. 拷打 vue： - vue2 和 vue3 有什么区别（setup，defineProperty 和 proxy） - vnode 和实际 dom 有什么区别，为什么要用 vnode（为了高效 diff 和跨平台支持包括 ssr），为什么不直接修改 dom（因为早期对 signal 理念实现不够彻底，vue3.6 的 vapor mode 正在改进，我的回答不一定对哈） - computed 的更新机制是怎么样的（脏值检测懒更新），使用时和 watch 有什么区别（问的就是依赖多的时候用 watch 指定需要的依赖）6. 拷打 js： - var let const window 以及多 script 标签（一定要注意 let 和 const 的变量不会挂载到 window 哇），var 的变量提升机制（先定义后赋值），变量未声明默认为 var - 手写 Promise.all（应该直接 return 一个 new Promise，我用了 Promise.withResolvers；还有打印的时候用 then，习惯了用 setTimeout 打印了，被狠狠地批评了） - 说说 async 和 await 的实现（是说源码），如果没有 async 的时候使用 await 会不会报错（旧版 node 的 commonjs 会，要用立即调用函数的方式使用，新的和 esmodule 默认支持） - Promise A+规范怎么定义一个 Promise（我只知道要 then 方法，叫我回去看）7. 算法题：二叉树中的最大路径和，返回其路径（力扣 124 改编，无负数，卡了很久都没完全写对，路径递归返回写错了极力狡辩）8. 反问： - 主要技术栈（vue3，node） - 工作时间（11点前上班，12点到2点休息，6点到7点晚饭，8 9点下班，包三餐） - 最近有碰到什么技术难点吗（听不懂我也忘了）

一面： Tcp和udp的区别 网络传输协议 TCP 安全 三次四次 传输慢 顺序到达 有错误检测 适用于敏感数据传输 、高可靠性UDP 传输快 丢包率高 安全性不高 不保证顺序 适用于不敏感的信息传播、实时性 输入一个抖音.com，ip地址解析失败是什么原因 域名错误 本地dns无法解析域名 网络连接问题 防火墙阻止dns请求 地区限制（可使用vpn） Dns解析的详细过程 域名-》IP地址1 浏览器检查本地是否缓存了对应的ip地址2如果没有 浏览器检查本地hosts文件和dns缓存是否有ip地址3上述缓存都没有的情况下 dns开始查询4dns首先查询根域名-》顶级域-》权威域名服务...

年前面的日常 base 上海因为一直在准备其他的面试所以发的比较晚自我介绍1.写题 事件循环async await 语法糖解释一下迭代器生成器 yield next 底层怎么实现的2.写题 对象 this 属性 打印结果 为什么不符合预期 没绑定 thisjs this 绑定 函数调用栈vo ao闭包 内存泄露 v8垃圾回收其他方式能截获对象的属性修改 proxy3.写题 发布订阅模式 带 once 的有点奇怪但是提示完写出来了4.写题 lc 最长不重复子串5.项目 ssr csr 的一些场景6. react fiber 链表结构  协调 vdomuseRef 场景7. 反问 第二天约的二面过两天面非常想去的组 发篇面经来攒攒缘许愿后面面试顺利 #接好运# 也祝大伙万事如意😍😍😍

发一下之前秋招的面经叭原型链● 用function实现class  ○ 构造函数或类用prototype，实例用.__proto__● 实现extends  ○ Object.assign 会改变原对象  ○ // 设置子类的原型为父类的原型Dog.prototype = Object.create(Animal.prototype);● bind 和apply● 浏览器跨域● 那些文件或资源会受跨域限制，什么类型的网络请求不受同源策略管控  ○ js、css、img，iframe等，有src，不受跨域影响，常规静态资源被同源策略许可，但iconfont字体文件(eot|otf|ttf|woff|svg)例外  ○ img标签在特定情况下存在跨域问题。 当通过‌JavaScript动态创建的img元素设置了crossOrigin属性为anonymous或use-credentials时，如果图片来自其他域且没有设置适当的CORS策略，浏览器会拒绝访问该图片，导致跨域问题。‌  ○ 跨域问题的原因在于，浏览器默认会对通过img标签加载的图片进行缓存。当通过JavaScript动态创建的img元素访问相同的图片时，浏览器会直接从缓存中获取图片，而不是重新发起请求。然而，如果JavaScript中的img元素设置了crossOrigin属性，浏览器会尝试以CORS的方式请求图片，但缓存中的图片并不包含CORS信息，因此被浏览器拒绝。  ○ 需要注意的是，通过img标签直接加载的图片资源（如通过src属性指定）通常不会遇到跨域问题，因为浏览器默认允许这种加载方式● 前端正向代理和反向代理  ○ 都是正向代理  ○ 正向代理：代理的是客户端，隐藏客户端，反向代理：代理的是服务器，隐藏服务器● vue的双向绑定● vue的依赖收集● react、 性能优化● 技术栈是react● 常用框架原理，浏览器原理 缓存，跨域，加载，同源策略，http https混合应用跨域