我不知道自己是投了个前端还是啥，笔试好怪，随便记录一下：1.二叉搜索树，平衡二叉树，红黑树的结构和应用2.http协议3.css选择器（从这开始就觉得自己可能投错了，开始瞎答4.js数组5.js数据类型6.啥是es6  map set的应用7.一段前端代码看输出算法史上最简单的一次，判断回文串，秒了

一面主要讲实习经历，基本上无八股手撕：最长公共子串二面主要也是实习经历和项目手撕：1. 变量作用域和this指向问题,说输出var bar = 'window'function say() {    var bar  = '111'    console.log(bar)    console.log(this.bar)}const obj = {    bar: '222',    say() {        console.log(bar)        console.log(this.bar)    }}say()obj.say()obj.say = sayobj.say()2.实现一个事件订阅模式，形如Eventer.emit('xxx', ...args)Eventer.on('xxx', (args) => {...})3.async函数输出顺序问题async function f1() {    console.log(1)}async function f2() {    console.log(2)    await console.log(3)    // 取消注释后输出顺序又是怎样    // console.log(5)}function f3() {    console.log(4)}f1()f2()f3()4.手写深拷贝三面不知道为啥八股反而多了如何响应式布局？如何做一个低代码平台，数据联动的设计思路，DSL如何设计的，给了个具体场景说如何使用低代码来配置。vue的响应式怎么做的？Proxy和Object.defineProperty区别？vue2如何重写的数组方法？拿到一段js代码，如何调用它？除了new Function还有哪些？函数的this指向？this非严格模式下的指向？如何为函数绑定this？首屏渲染性能如何优化？http1.1和http2区别？js加载会阻塞dom吗？如何防止阻塞？在前几段实习中学到了什么？手撕：最长不重复字符串#字节##字节跳动##面经##前端##秋招#

投递7/16  hr约: 7/17 一面: 7/19先问项目：面向用户是？supabase是什么？在supabase怎么写api？做了哪些优化？为什么用figma，实现llm记忆的方法？基础知识：react会有一个入口文件来运行，运行时发生了什么？useEffect怎么用，传入的参数是什么意思钩子为什么不能放在if{} else{}中？如果让你实现react，你会怎么处理这个问题css实现三栏布局做题：1.有向连通图，如果某开始节点和结束节点之间是一条直线，没有分叉，希望删除中间的节点2.合并有序数组反问环节：和面试关讨论了个人开发做ai应用的问题，关于政策，市场等等，面试70分钟，体验非常好，能学到东西

1. 项目中是如何进行性能优化的2. Webpack的工作流程3. Js的相关loader4. Babel的编译流程 如何配置兼容更古老的浏览器5. Vite和webpack的区别6. Vue状态管理工具用过什么？什么时候会使用状态管理工具？7. 组件间通信方式8. Vuex和pinia两个的设计理念区别？对两者的理解9. 对SSR的理解10. Type和interface的区别11. 代码手写题① Lc 387：字符串中的第一个唯一字符② 实现promisify函数 // 使用 promisify 转换 fs.readFile const readFileAsync = promisi...

7.11面的，秒二面二面后排序挂

1. 项目介绍2. 项目提问滚动的动画效果怎么实现的虚拟列表的实现字体怎么加载的3. vue 的组件通讯4. flex 布局5. vite vs webpack6. ast 的解析7. ts 的类型映射8. 动态规划：路径总和9. 动态规划：俄罗斯信封10. 手写树节点输出路径

面试时长（40min）一、自我介绍二、项目相关    1. 你觉得你最有难度的项目是哪一个    2. 怎么实现的大文件上传    3. 在项目中做过哪些优化（渲染优化和websocket）    4. 细说websocket（忘了...）    5. 除了websocket和http还知道哪些请求方式（不知道）    6. 实习项目中封装了哪些组件    7. 如果多个项目要使用这个组件怎么办？（后面引导我用npm）三、八股    1. vue2和vue3响应式原理    2. 对Promise的理解    3. 口述代码输出：promise里面抛出一个异常，后面链式调用.then .catch .then .catch    4. 对事件循环的理解    5. 口述代码输出，面试官口头说的，大致如下：           console.log(1)        setTimeout((){             console.log(2)        },0)        new Promise((){             console.log(3)        }).then((){              console.log(4)        })        document.creatElement('p')    6. 输入 url 到请求返回发生了什么    7. 了解浏览器缓存吗？    8. 强缓存和协商缓存

一面1. 自我介绍2. vue的生命周期3. 父子组件的生命周期4. 知道哪些js数组的方法？分改变元素和不改变元素的讲一下5. 口撕：输入一个数组，找出数组中重复元素的个数以及重复的元素  1. 第一次回答用了两次循环  2. 用一次循环呢？6. vue组件通信7. 订阅发布者模式具体讲一下8. 怎么确保取消订阅是我自己的9. 唯一标识可以怎么生成?10. 最常见的get和post请求的区别11. slot的应用场景二面面试官和蔼可亲1. 自我介绍2. 介绍项目，讲一下自己做了什么3. 围绕项目展开问了4. 类似的你还做了什么其他的优化5. 你是怎么想到这些优化的6. 常见数据结构7. 红黑树的性质8. 常用的排序算法9. 给一个排序的工作怎么选择10. 关于专业课有什么11. 闲聊12. 反问

👥 面试题目1.设计一个倒计时的组件该考虑哪些问题2.受控组件和非受控组件3.useMemo和useCallback4.react的生命周期 5.讲一下这个项目开发，是如何从0到1进行开发的，然后遇到的问题是如何解决的 6.useEffect 阶段可以做什么7.react的diff算法比对流程8.state的值可以直接进行修改嘛9.react组件通信方式有哪些10.在项目中做过那些优化11.讲讲tailwindcss的优点和缺点12.样式不生效的情况有哪些13.浏览器输入url发生了什么14.这个笔记的项目中静态资源是如何存储处理的 #前端# #前端八股# #前端面经# #前端实习#

面试时长（30min）一、自我介绍二、项目相关    1. 登录鉴权    2. 动态路由    3. token如何生成，如何做到持久化    4. 实习项目中封装了哪些组件三、八股    1. 从浏览器地址栏输入 url 到请求返回发生了什么    2. 接上题，返回 HTTP 报文中包含哪些内容（不知道）    3. 浏览器缓存了解哪些    4. 强缓存中Expires有哪些参数    5. Cache-Control 中有哪些指令四、手写题    两数之和

一面1. 自我介绍2. 从url输入到页面展示经历了什么过程3. 讲一下三次握手4. 算法：爬楼梯5. 算法：两数相加6. 反问二面1. 算法：最长子递增序列2. 算法：二叉树展开为链表3. TCP和UDP区别4. 闲聊

题目1. 介绍项目2. 针对项目提问技术选型：why nextjs时间周期ssg vs ssr虚拟列表的实现小语种的字体和预期不一样怎么解决3. flex 布局在哪使用4. flex：1 5.实现 flex 布局中的其中一个子元素独占一行6. es6 有哪些7. 箭头函数特点8.set map 应用9. map vs json10. map vs 对象11. 把 map 数据传给后端，后端返回的数据是错乱的，怎么解决从而让顺序一致12. any vs unknown13.any 怎么实现的14. useState 通过 setState 页面更新和打印状态不一致，why15. setState 怎么拿到最新的值16. useEffect 的实现17. 父组件怎么对子组件的数据进行监听18. useMemo vs useCallback19. 实现 useDebounce + 添加监听事件总结flex 布局看仔细一下ts 补一下react 的更新手写题模板建立（函数：参数、返回值）

投递: 7.10 hr约:7.16 一面7.17无实习先项目问题：项目1：ssr+ai+权限控制问：你说是商业级项目，为什么做这个项目，目标受众是什么？问：用什么方法保证安全？回：ssr时从服务器向数据库找信息，防止客户端调用api；图片存储权限控制，使用base64显示图片而不是url问：为什么ssr能安全，不一定吧？为什么用base64能安全？还有什么其他保证图片安全的措施?问：你怎么能保证你这个有市场项目2：chromadb 的rag项目问：介绍一下项目 回：利用chromadb让用户对背景信息可控，内置两个ai方便互相检验错误问：说说怎么实现的问：你这个受众在哪，纯玩具项目？回：是的纯玩具。问：你这个检验错误的功能可以用浏览器插件实现。回：确实这样项目的这一点就没有优势了一些基础知识：cokkie是干什么的，怎么保持不被篡改有什么保持安全的方法：回jwt。问:jwt是怎么防篡改的? 如果整个token被别人拿到手了？http https， http2，http3区别在哪？udp一定比tcp块吗？js问题：1.用array.reduce()将[{name:"tom", age:"23"}, {name:"alice", age:"24"}]转换成 {"tom":"23", "alice":"24"}2.实现sleep函数为什么选前端？训练过ai吗？你有什么优点前面没表达出来的？为什么追求开发速度？---反问环节时长70分钟，面试官人很好，是个大佬

一面（35min左右）面试官很会引导1. 前端的学习路线/学习规划2. 怎么学前端的3. 挑一个比较有亮点的项目，讲一下你在项目里面做了什么事情，有没有遇到什么难题（拷打了项目）5. 白屏原因6. 怎么监控你自己的代码，js里面有什么方法可以捕获这些异常7. 讲一下vue2和vue3的区别8. vue为什么要放弃object.defineproperty?他解决了什么问题9. 简单讲一下vue里面的通信方法10. 讲一下防抖节流的区别11. 讲一下js的闭包二面（25min左右）聊天为主，问前端职业规划之类的，技术上问到了项目的一个点，展开问了很多，印象不太深了，还讲了一下diff算法

1.项目介绍2.针对项目提问      原生实现透视效果      下面的走马灯：滚动效果原生怎么实现的3.css 动画相关      transform      translate      动画如何循环4.requestAnimation vs setTimeout 实现动画      setTimeout 无法控制时间间隔5.绝对居中的实现6.flex 布局相关的属性7.响应式布局8.讲讲你知道的 hooks 还有具体用法9.useEffect 详细用法10.为什么要用 useState11.useMemo vs useCallBack12.useCallback 具体使用和原理、闭包陷阱13.手写使用 useRef 获取元素信息实现响应式布局改变 font-size14.dom 获取宽高的方式15.手写 hook 实现事件监听16.手写实现 listen 和 fire（类似于事件总线）17.esmodule vs cmj总结：react 的 hooks 需要熟悉！requestAnimation动画怎么做循环透视效果怎么实现

女面试官，太紧张不记得长得咋样了后面她网卡了就把视频关了纯纯拷打简历，总算是接住了八股没背到，寄1.url输入到浏览器发生了什么（我只能扯一点tcp的三次握手了，没背到，知道是高频考点）2.浏览器缓存其他全是拷打实习和项目，半小时吧写题半小时，面试官很好，疯狂提示（可能项目讲得还可以给了点好印象吧，结果后面发现我是纯纯大水（傻..）逼），说实话我连题目都没整明白写不出来，放弃了还得多刷有的题没看过答案就是没思路反问的时候面试官也说了，八股背得垃圾，算法更是依托答辩，还得再练我说我秋招再投投还能有机会吗（我直接默认我挂了）她说他们提前批开了（算是肯定我的旁敲侧击，我挂了）百来人小公司居然还有提前批？？？哈人小公司是假的，AI独角兽，实习薪资500/天起大厂中的大厂好吧，牛客上都没搜到他们家面经，那我发一个吧算法题如下数组转化为树状数据结构题目描述实现一个函数，可以将数组转化为树状数据结构​1. 数组只有一个没有 parentId 的元素，为根节点​2. 输出一个根节点，打印出树状结构​// 入参格式参考：​const arr = [​  { id: 1, name: 'i1' },​  { id: 2, name: 'i2', parentId: 1 },​  { id: 4, name: 'i4', parentId: 3 },​  { id: 3, name: 'i3', parentId: 2 },​  { id: 7, name: 'i7', parentId: 3 },​  { id: 8, name: 'i8', parentId: 3 }​]

一面（1h左右）1. 自我介绍2. 问了专业和专业主要学什么3. 块级元素有什么4. 块元素、行内元素、行内块元素的区别5. 如何给一个行内元素设置高度6. 介绍一下盒模型7. 写：让盒子垂直居中+说了几种8. cookie，session和token的区别9. 讲一下强缓存和协商缓存10. 箭头函数和普通函数的区别11. 讲一下变量提升12. 做了一个this指向的输出题13. 做了事件循环的输出题14. 算法：括号匹配15. 手撕：手写一个深拷贝16. 有做过webpack和vite的尝试吗17. 之前做的项目有开发环境和生产环境的区分吗？怎么区分18. 在vue3里面用过什么新特性19. 说一下vue组件间的通信二面（1h左右）1. 面试官上来介绍了自己的部门（很详细）2. 挑自己做的事情简单讲一下（后面围绕我的项目问了几点）3. 弱网环境除了离线这种方案，还会有别的方案吗？4. 小程序和h5移动端这些为了避免网络不好，避免渲染比较慢的一些体验，你有什么方案或者做过什么东西？5.  有留意微信小程序秒开率这些数据吗？6. 开发微信小程序的时候有什么样的体验或者问题？7. vue是怎么学的8. vue3相当于vue2带来什么新功能？有什么体验9. vue双向绑定中，界面驱动数据的监听方式是什么？10. ts最大的特点是强类型，你觉得怎么用好他？有必要吗？强调了是两个问题11. 算法：写一个重复执行函数12. 算法：写一个函数遍历统计页面上所有的dom元素，并且以对象的形式返回13. 为什么学前端14. 你觉得一个优秀的前端会具备什么样的能力

腾讯会议面试，面试官没开摄像头，感觉语气也很生硬。1.实习项目开始，你的页面上同时渲染大量图片，如何做性能优化（懒加载，缓存，压缩）2.懒加载如果不用框架，你如何手写懒加载。3.图片加载过程中出现加载失败怎么解决4.是在循环渲染时，渲染中间某一项的图片假如说网络断了一下，没加载出来，如何找到对应的那一项并重新渲染那一项。开始问八股JS基础类型，symbol怎么用的，typescript用过没有......一堆八股算法部分，没手搓，口述就行:js给你一个字符串，包含数字，字母字符等。将其中的数字替换为*。css部分:写一个布局（同样也是口述），用flex，左边元素左对齐，右边元素右对齐，中间空着。剩下就是闲聊，有offer没有之类的。血泪教训，不会的一定不要写到简历上，包问的。更新终面，凉凉邮件发的是17:55面，我提前大概在40的时候把手机静音放到一边，结果没接到hr电话41打的，等到六点，会议没人，打回去问了下，说领导有事，打电话让我提前一点面，没接上，以后有机会再约面（领导这么忙，真的还有机会吗。）

面试官结尾说公司居然是做建筑的好像是搞什么管理的技术栈React主要是深挖简历，体验非常不错，明确了优化方向1.map和object区别2.React里面class和function的区别3.对象的遍历方式4.箭头函数5.防抖节流其他就是用到的组件API的深层次拷打了，主要还是实习期间的产出，绝大部分时间都在问这些实习期间的功能深挖，各种比较极端的场景，问优化方案对我来说提升很大面试官还是挺不耐烦的说实话，他说他就是被拉来面试的，2333333但是面试官水平还是非常可以的说实话他一开始上来一句趾高气昂的你xxx项目怎么吧啦吧啦的，我都想怼回去了谁知道后面面试官展露出了不错的水平，对我帮助还不小，忽略不计了可以就喜欢这种深挖简历少问八股的