《前端笔试》专题

#软件开发2024笔面经# 1.如何实现0.5px的线 2.如何用flex去实现一个居中的盒子 3.js深拷贝和浅拷贝有什么区别 4.实现深拷贝的方法有几种 5.直接赋值是深拷贝还是浅拷贝 6.数组这种直接赋值是浅拷贝深拷贝？ 7.undefined和null有什么区别 8.如何判断哪个对象是属于哪种基本数据类型呢？ 9.webpack发版的时候如何把每个包控制在1M以内？ 10.如何利用webp

1.浏览器缓存原理 2.知道xx缓存原理吗(忘了说了啥) 3.no-store和no－cache有什么不同 3.vue2和vue3的区别 4.vue3结合ts的使用 5.为什么vue3 支持ts,他是有什么特性吗 6.css模块化的方式(一直问还有吗) 7.pnpm和npm的一个区别 8.vue是一定要template,script,style都配置吗 9.vue编译到渲染的原理 10.说一下re

913一面（20min） - 自我介绍 - 网络七层模型 - ip地址转化为mac地址是什么协议 - http和https的区别 - http请求方式 - 多进程和多线程 - 为什么选择前端开发 - 大前端是什么，以及以后的发展方向 - AI对前端的影响 - 开发流程或者上线流程 915二面(13min) 两个面试官，一个技术专家一个hr - 问项目 - hr问了下base地选择，学习情况等 许愿

一面-8.23-60min 1.上来写两个题 （1）版本号比较 （2）最长连续子序列 2.问实习经历 3.部署一个项目的流程 4.说一下DNS的查询流程，说一下递归查询和迭代查询的过程 5.如何优化页面渲染性能 6.React生命周期 7.说一下Monorepo架构的优势 8.反问 部门业务，技术栈 二面-8.25-30min 全程问实习经历和校园经历，比较偏拷打的问法，如果是纯业务的内容，他会直

无手撕、无八股、无项目，全程聊天 面试前我还一直在看八股 面试官第一句：我们今天就不聊技术了 我： 面试官应该是个部门leader 几个经典问题 1.遇到的最大困难 2.自己的优势 3.自己未来的规划 4.看过什么源码 5.与同事怎么沟通 6.理想的技术氛围 全程30分钟

早上面的，全程35分钟左右。 求佬帮我看看，第20个是什么意思啊？我不太了解，都没回答到点上。还有第23个，我一开始说的是JS阻塞DOM这个点，也没回答到点上 1.ES6新特性有哪些 2. 说一说箭头函数，箭头函数可以用bind绑定吗 3.var let const区别 4.说说promise的返回 5.async / await 6. axios怎么解决的跨域，遇到的问题 7.继承和面向对象 8

体验感非常不好，感觉面试官也不会Vue，完全看着Vue的题库提的问题，回答的答案如果和他看的题目答案不一样，他就否认，而且一惊一乍，很让人无语的一次面试 自我介绍 自我评价 实习为什么离职的原因 说下Vue函数式组件 Vue双向绑定原理 Object.defineProperty 做响应式有什么缺点 MVC、MVVM、MVP这三种有什么区别 computed和watch的区别 过滤器的作用，如何实

面试官问的太细了，暴露出来自己的一个问题，就是很多知识点深度不够 Vue中的data，官方为什么推荐用函数方式去写 Vue中component是一个单独的实例，还是共享的同一个实例 既然是一个单独的实例，那为什么你说data被共享了 v-for循环组件，组件内部data用对象形式写，会不会被干扰 v-for循环组件，内部组件每次的生命周期都是从beforeCreated开始的吗 v-for循环组件

自我介绍 vue中生命周期有哪些，都干了什么事情 销毁的生命周期干了什么 Vue中的data为什么是以一个函数的格式存在 keep-alive用来做什么的，说下原理 组件生命周期打印顺序 父子组件生命周期打印顺序 哪个生命周期可以最先获取$el 哪个生命周期可以获取DOM节点 组件通信有哪些方法 路由的导航守卫有哪些，具体分别哪几类 router和route的区别，分别有哪些属性和方法 路由传参

1、介绍项目 2、如何实时刷新列表（websocket） 3、data为什么是函数而不是对象 4、vue组件通信 5、v-for为什么要加Key 6、更新数组页面没有生效是什么原因 7、具体介绍一下vuex 8、mutations主要存放一些什么方法 9、箭头函数的this指向 10、什么是闭包 11、怎么优化输入框的性能体验（节流防抖） 12、怎么修改element组件样式 13、常用的ES6特

17min，大部分场景题，八股战神哭了😭 自我介绍 实习技术栈 为什么做组件库（只是为了练手啊😭😭😭） 组件库表单联动怎么实现 表格组件数据量大怎么优化的 树组件做什么优化 打包工具了解过啥 webpack配置过什么，做什么优化 i18n怎么做的 别的打包工具，讲了vite，以及两者区别 简历里写了节流，怎么做的？ 没有反问 跪了，组件库的问题还是不行，面试官喜欢问xxx优化，哪有那么多东

2023年最后一波日常实习面经，加油 (ง •_•)ง ~ 一面 时长：45min + Vue Vue2与Vue3的区别 ✅ Vue常用的指令和修饰符 ✅，elementUI Dialog 组件 :visible.sync .sync修饰符的作用 ❌ Vue父子组件通信 ➖ Vue父组件如何调用子组件的方法 $$ref，$emit $on ✅ Vue2中 key 的作用 ✅ Vuex如何现持数据久

## 一面 40min 1. 自我介绍 2. 项目 3. Promise.all 4. 讲跨域 5. 代码输出 作用域。 6. var 和 const区别 7. 兄弟节点插入一个新的DOM节点，怎么做。 8. 事件委托绑定事件回调，怎么做 9. 使用ES6实现继承 10. 实现两边固定宽，中间自适应的布局（圣杯布局，flex） 11.判断一个数组中，如果某个索引对应的元素是数组或者数字，并且存在大

 HOST: 任务系统Task3: 172.17.6.153 task3.game.duowan.com 172.17.6.153 task3.game.yy.com 礼包大厅: 121.14.39.205 yymobilegame.game.yy.com 121.14.39.205 yymobilegame.game.duowan.com 活动商城: 172.17.6.203 mall.gam

一面25min: 1.自我介绍+项目经历 追问：项目中印象深刻的点 2.懒加载实现的原理(基于项目) 答：提升性能和页面响应速度 图像懒加载实现过程 3.追问：除了innerHeight + scrollHeight >= scrollTop还有哪些判断元素进入视口的方式 Intersection Observer api，别的不知道... 4.说到权限(基于项目)，想到前端持久化手段，你理解前端