《前端一面》专题

1.React函数组件和类式组件的区别 2.React函数式组件的生命周期 3.state的更新是异步的，如何保证获取的state是最新的值 4.js事件执行机制；宏任务，微任务有哪些 5.基本数据类型有哪些，判断类型的方式 6.Object.prototype.tostring.call()返回的数据结构 7.数组的方法，哪些会操作原数组，哪些不能对原数组进行操作 8.http状态码 301，3

1.项目难点； 2.vue2和vue3的区别； 3.前端性能检测与优化（页面加载过慢；JS文件过大）； 4.事件委托场景（Vue实现事件委托）； 5.promise使用场景； 6.async和await，await一个promise，在什么时候可以拿到promise结果； 7.button组件设计需要考虑的参数和功能； 8.学习前端开发的计划。

手撕算法： 1.实现函数将10进制转36进制 2.判断一个完全二叉树是否镜像对称。input=[1,2,2,null,3,3,null]; 问了一堆数据库的东西，说做后台，不会 3.浏览器渲染（输入url到渲染） 4.http缓存，catch-control 5.js渲染阻塞异步加载 6.前端常见的安全问题 7.nodejs事件循环 聊项目聊项目 然后好像没啥了，不知道这么点东西为什么面了一个多小

1、三栏布局 2、BFC 3、点击li显示其里面的内容（事件委托） 4、Local Storage和Session Storage 5、es6新语法有哪些 6、promise简述 7、 8、react生命周期 9、高阶函数、纯函数 10、redux的三大核心 ​ 使用纯函数Reducer执行state更新 ​ state以单一对象存储在store对象中 ​ state是只读的，只有get，没有se

1. 说说项目浏览器崩溃怎么处理的 2. 说说后台管理系统 3. 说说 Vue 虚拟 DOM 4. 说说 Vue 生命周期 5. 说说 watch 和 computed 区别 6. 说说 watch 怎么监听数组 7. 说说 flex 8. 如何实现垂直居中 反问：钱多少，做啥

自我介绍 问我基本类型和引用类型 问我map和Object有什么区别，为什么要有map， 我当时说的是map自带一些方法以及可以迭代，插入值是更显示的插入不像对象那样有很多骚操作，以及性能更好 Object.create()和{}有什么区别 如何获取对象的key和val我说Object.keys和entries 判断类型的方法：typeof/intanceof/Object.protoype.ca

时长：90min 面试官问得很灵活，是根据学了什么来问的，收获很大。 自我介绍 虚拟列表实现（答得不好） 聊到了执行环境（聊了蛮久） 手写执行环境伪码 面试官说写一个闭包结合写的伪码来讲述执行环境原理 聊到了继承 有几种继承，它们的缺点是什么（没答得太好，用call继承的方案叫啥名儿忘记了，我说用call继承会让重复逻辑的函数重复创建，造成资源浪费，面试官说 错，然后进行了解释）PS：感觉我这么答

自我介绍 给了一个场景，让设计数据库（答不会，数据库忘了） react生命周期 useLayoutEffect和useEffect的区别（答，没听说过useLayoutEffect） 主键作用（答数据库忘了） 项目相关 puppeteer 实现方案，难点，服务器部署chromium websocket心跳续约、websocket用户鉴权 反问 问面评 答：还不错 问是否是知乎主站 答：不是，是做B

这家就一面技术面 1.上来让我自我介绍 2.然后介绍项目 3.怎么制定前端规范 4.用过element没有 用过哪些组件 5.你实习想得到点啥 6.目前有什么职业规划 我说我想深入Node，React，听面试官的语气估计觉得我要跑 7.介不介意我们技术栈老（vue2），实习生老跑，能不能待够6个月，不到6个月不发实习证明 8.问了点Java的问题 8.反问 问面评 他说能满足他的要求，后续等HR通

自我介绍 代码：数组扁平化去重 js压缩 js类数组 数组转化 promise说一下 cookie好像是这个，没听清😥 一个没答出来😭 反问：代码敲得太少了 20分钟

#软件开发2023笔面经# 上午面的，没录上音，顺序不太记得了，就靠印象写一下吧。面了大概30分钟左右 （第一次实习吗？面过别的公司吗？） 1.自我介绍 √ 2.https如何防止中间人攻击的？（介绍中提及到，所以问的） √ 3.vue3和vue2的区别 √ 4.为什么不继续用vue.$set？（vue2深度遍历每个属性，vue3劫持整个对象） √ 5.为什么vue3对ts兼容更友好？ ×（没答出

问题 1.项目，项目难点 2.鼠标浮动在一个按钮上，触发事件出现弹框dialog，如何让这个dialog延迟显示 3.如何性能优化 4.vue框架原理，组件 5.promise原理 6.es6新特性 7.浏览器兼容性，语法特性兼容，打包工具 8.整个页面变成受控方式，而不是以前的那个查找元素改变里面的值影响视图，影响视图的方式改变了，是怎么做到的 9.最近关注什么技术 回答低代码 总结 八股文没背

无自我介绍 上来就问简历里都是后端的项目，为什么转前端。  然后看简历上有密码学，问了对称加密和非对称加密 问了http和https区别  DDos攻击 ，DOM型XSS，前端怎么防护  session cookie区别  cookie怎么样能只用于接口，不让前端取（httponly参数）  hook有用过吗  ajax请求过程和底层原理  promise用过什么方法  promise底层  tc

热乎的，全程40多分钟 自我介绍 图片请求优化这个需求怎么做的 图片优化还有哪些方式？ 渐进式图片加载怎么做到的？流式传输+JPEG http和https的区别？端口？ 插件做了什么？ vue双向绑定 vue-router原理 用hash多还是history多 spa访问一个页面会把其他页面代码一起加载吗？ 打包分包怎么分的？ 写一个cli用到了哪些依赖 什么是变量提升 块级作用域和全局作用域区别

自我介绍 怎么学习的前端 vue2和3区别 composition api好处 响应式原理 diff算法 怎样判断一个树是二叉树 web漏洞 xss csrf 反问 总共20分钟。 #前端##前端面试##面经##求职##春招#