没有录音很多问题忘记了 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 追问每一家的薪资待遇 （ ? ） 期望薪资 只有一面技术面，技术面 2...

一面 对原型链的理解 数组去重的方式 给原型上添加数组去重的方法 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 场景 如何实现一个下拉选项组件 如何让它的下拉列表显示在最高层 智力题 石子：你先手，两个...

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 里边如何去进行的代码适配，还是b...

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(); ...

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...