没有录音很多问题忘记了  HTML 文件如何渲染到页面 语义化标签有哪些 语义化标签和 div 的区别 css 哪些属性会引发回流，哪些是重绘 有哪些方式改变 margin 而不引发回流 事件委托 如何实现点击给 ul 添加事件展示所点击的 li 上内容 vue 生命周期 vue3 如何使用变量 ref 和 reactive 区别 vue3 如何在模板中使用 ref 的变量 说实话当时一直不知道在问什么，后来反应过来应该是想问{{}}模板语法。。。  组件通信 父子组件生命周期   纯八股，不深挖，1 + hr

我的情况 四非二本大四在读，今年 3 月开始自学前端，无实习，学习半年（9 月）开始秋招。秋招投递 80+，大厂 0 约面，最后拿到初创和大厂子公司 offer 5个，年包基本在 20 到 30，还在泡池子的有 2 家。 为什么写 虽然是计算机相关专业，但是班里只有我一个人学了前端，一个人也是到处摸索着学，走过很多弯路，把我的经历和建议写下来，希望如果有和我去年一样迷茫的同学，可以多一些参考，少踩一些坑。 Timeline  写给自己，又臭又长的流水账，可以直接跳到建议  正常情况大三下的 3 月到 5 月至少应该在投递暑期实习的简历，然后六月开始暑期实习，而我是三月才开始自学前端，而我一直又...

一面   深挖组件和 hook 的实现   不同文件在浏览器中存放形式   VueX 实现原理   VueX是在哪个阶段挂载到 vue 实例上的   其它忘记了   输出题，讲原理  Function.prototype.a = 1; Object.protype.b = 2; function F() { // } const f = new F(); F.a F.b f.a f.b  两道手撕    Promise.all  二叉树层序遍历，每隔一层取反    面试官小姐姐人美技术强，可惜摆烂一个月，知识负增长，除了手撕其它答的都很拉，被拷打，遗憾

一面   二叉树层序遍历   Vue2、3 区别   Vue3 如何更好支持 TS   node 的原理   如何抽象组件库并发包   连续重复字符串几种解法       hr面   做过最有成就的事情   做过最受挫折的事情   对你本科的学校满意吗   做项目的经历   项目如何去优化的   项目的难点   实验室项目如何合作   react 学习过吗   未来的规划   选择公司看重什么   对之前上海情况的看法（追问）   手头 offer   追问每一家的薪资待遇 （ ? ）   期望薪资          只有一面技术面，技术面 20min，hr 面 55 min，不是太懂这种招聘...

一面   对原型链的理解   数组去重的方式   给原型上添加数组去重的方法   JS 监听事件   口撕发布订阅   宏任务微任务   Event Loop   深挖项目   对图片进行哪些优化   懒加载预加载   CDN   如何部署线上网站   口撕防抖节流   跨多标签页的防抖节流如何实现   sessionStorage 和 localStorage   浏览器存储方案有哪些   https、HTTP 2.0   Vue 动态路由   如何引入外部库   Vue 响应式原理   Canvas   线上项目和个人网站分别如何部署的   打包前后路径地址区别，如何对应   如何分环境打...

笔试 三道大题 每题三小问，上一小问的输出是下一小问的输入，难度简单 一面 css 动画 如何实现页面随机出现一个雪花然后缓缓下落 移动端如何调试，如何定位问题 vue 组件通信的方式 watch 和 computed 的区别 Vuex 中的模块 vue2 data 为什么是一个函数的形式 vue 进入一个组件的生命周期 什么时候可以获取根节点 什么时候可以操作 data keep-alive 的生命周期 vue-router 中 route 和 router 的区别 vue-router 有哪些钩子 对 Promise 的理解 ES6 新特性有哪些 for in 和 for of 的区别 有...

HTML   简单跳过   CSS    说一下 flex 布局  说一下 grid 布局  什么时候适合用网格布局  说一下 css 选择器   JS    数据类型及区别  口撕深拷贝   浏览器    重绘重排  如何通过重绘重排优化  visibility:hidden 可以吗  宏任务微任务  eventloop 中何时渲染 DOM   场景    如何实现一个下拉选项组件  如何让它的下拉列表显示在最高层   智力题   石子：你先手，两个人轮流，拿 1~3 颗石子，拿到最后一颗获胜   倒推：4（输） 8（输）四的倍数   反问   游戏公司前端主要做什么：活动页，官网   目前...

HTML  标准盒模型和怪异盒模型 如何切换，什么时候使用怪异盒模型（ant、element）  CSS  50%正方形 三栏布局（中间自适应）  JS  闭包 为什么作用域没有销毁 垃圾回收机制 A类的实例继承B类的原型 继承如何实现 数组如何使用Array的方法  手写  各种继承 Promise.all 获取 url 中的参数  场景  列表中点击某个盒子，里边有多个元素（currentTarget） 三个接口发送请求，全部返回结果后触发回调 从列表页点击进入详情页，再返回后还是之前页  Vue  组件间通信 mitt 如何实现  Ps. 面试体验很好，八股都会深挖，当时实践其实还是比较...

HTML    最简单的八股就不写了   CSS    flex 1 的具体属性   JS    如何修改原型链  类型转换  let 是否存在变量提升：报错是未定义  为什么script要放在最下边，css link要放在最上边    ES6模块化  引入模块重名如何解决   Vue    v-model 语法糖本质  v-once  nextNick  keep-alive   工程化    vite 里边如何去进行的代码适配，还是babel吗

CSS    说一下移动端适配  说一下flex布局   JS    数据类型，区别  数组方法有哪些  如何自己实现JSON  手写排序  说一下构造函数  手写 new  手写 Promise  为什么 axios 需要使用异步，因为它返回的是 Promise   Vue    Vue3 区别   网络    输入URL全过程  浏览器如何执行 JS   总结：   面试官是个小姐姐，全程很温柔，不断引导

CSS  如何实现移动端适配 CSS 有哪些单位 定位：sticky float：清除浮动 flex 布局 层叠样式表  JS  0.1 + 0.2 不等于 0.3 如何解决 浅拷贝有哪些方法 如何判断空对象{}  Vue  Vue3 的优点 （速度提升如何实现的）  ref 和 reactive 区别 组件间 v-model 的实现  HTTP  跨域（JSONP的局限） 状态码 HTTPS  输出题 async function asyncFun1() { console.log("async1 start") await asyncFun2(); console.lo...

ref 和 reactive  组件如何封装  路由导航  深拷贝  数组去重  vue 简单八股略

一面纯八股 二面纯聊天   问的东西很少，原本以为 kpi，没想到最后 offer 了

CSS  定位有哪几种，分别是什么 无序列表内容 水平垂直居中 margin 为什么固定宽高不可以（相对于父元素） flex 如何在子级设置属性实现  无序列表内容 伪类和伪元素  JavaScript  数据类型 闭包 防抖和节流 async await 事件循环 输出  async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end'); } async function async2() { console.log('async2'); } console.log...