《前端一面》专题

1. 自我介绍 2. css盒模型，BFC相关；提了几个场景，外边距折叠的情况 3. 如何实现居中，flex的几个属性代表什么意思 4. 几个定位都说一下 5. js原型链说一下 6. new的过程，发生了什么 7. 数组去重方法 8. 数组扁平化方法 9. promise用哪些用的比较多，all和allSettled的区别 10. 除了promise还有哪些实现异步的方法 11. 浏览器事件循环

聊相关的项目（问题是怎末发现的，问题是怎么解决的，用什么方式） Cookie， 第一个项目整体遇到的问题和难点？ 路由懒加载，（底层是怎末实现的） 了解过webpack吗？Loader和pingin的用法（可以理解是介于整个编译过程中的参与者，在文件编码或构建中进行一个参与） 防抖节流的实现原理， Vue2，3的数据双向绑定实现原理，vue2和3有什么不一样的地方-------- Watcher是

自我介绍 项目介绍 熟悉的前端框架 （react） diff算法 diff算法的实现有几种方式 （四种） 树的方式如何实现 react的hooks 如何实现的 在react的生命周期中 哪部分完成的hooks的实现 useEffect和 useLayoutEffect的区别？ 进程线程的区别 数据结构都有什么？ AVL树的应用和实现？ 反问#飞猪前端#

一面-9.25 1.自我介绍 2.实习经历 3.项目经历 4.Vue和React的区别 5.Monorepo 6.CommonJs和EsModule的区别 7.treeshaking 8.说一下Promise 9.js输出题 10.手写js并发请求 二面-10.8 1.自我介绍 2.js输出题，this指向、原型、作用域 3.js输出题，事件循环 4.手写发布订阅模式 5.给定一个合并有序数组的代

自我介绍 vue2、vue3区别 vue生命周期的使用场景 父子组件数据通信 webpack的配置，结合自己的使用场景说一说 前端开发的时候，在没有后端的情况下，如何做页面自测？ 对mock的使用？ 前端缓存，使用场景？ 项目中碰到bug，你的解决思路？ vue的浏览器的debugger工具？ 前端界面开发，用的最多的三方库？ 对这些库的有没有做过二次封装？封装步骤是什么？ 用过的这些三方组件之间

1. apply, bind, call的区别 2. css为什么使用less, sass等预编译器 3. 常见的浏览器缓存和http缓存 4. 协商缓存和强制缓存 5. axios如何封装，请求拦截和响应拦截举例 6. 如何解决跨域问题 7. webpack中常见的plugin, loader，如何压缩包 反问

形式：视频面试（我开摄像头，面试官不开） 问题： 进行过哪些项目优化 项目中使用的es6特性 forEach和map有什么区别 对Promise的理解 vue生命周期 vue nextTick方法 v-if和v-show的区别，v-for和v-if的优先级 组件通信方式 对vuex的理解 vue-router的hash模式和history模式 一个div左移100px的方法 时长：25分钟 反问：

自我介绍 介绍一下你的项目 你在项目过程中学到了什么 你在项目中学习到了哪些技术 怎么解决跨域问题的？ 出现跨域问题：Access-Control-Allow-Origin — 受同源策略限制：同协议同域名同端口 在前端使用代理，通过代理访问后端，首先配置请求baseURL，然后在vue.config.js中配置proxy设置代理，target即接口域名，将changeOrigin设为true并在

用的react什么版本（16） 最自豪的工作 react fiber react 虚拟dom 捕获/冒泡 事件代理 react函数式组件 hooks promise状态 http请求头 执行上下文 改变执行上下文的方式 箭头函数 this 跨域 前端安全 react如何避免xss ==号与===号 防抖仅第一次触发 最长回文子串

总体体验还是不错的，面试官小哥哥也很亲切，遇到不会的还给我仔细讲解了一下，以下是本次面试的问题，小伙伴们冲压！！！ react部分 1.用过哪些hooks 2.hooks可以写在if判断语句里吗 3.介绍一下fiber (介绍完毕后面试官又反问: 任务的打断与恢复，打断一般指高优的任务去打断低优的任务，那低优的任务会被一直打断吗？还是说会有一个限制？为什么？) vue3部分 1.讲一下双向绑定的原

#软件开发2024笔面经# 以前的面经，今天才发现原来没发过，现分享一下 3.9一面 项目简述 vue2和vue3有什么区别 vue2和vue3对于常量有什么区别（经提醒，说出vue3编译上的优化方式） vue3中toRaw，markRaw有什么用 vue3标记不是响应式对象 ts相比js的好处 ts中type和interface有什么区别 type和interface如何继承 重复声明方面，ty

#前端面经# 1、开局先问项目，问做项目过程中所遇到的难点 2、水平垂直居中 3、vue2和vue3有什么区别 （不会，只学了react） 4、react用过哪些函数 5、HTTP 1、浏览器的缓存策略：强缓存和协商缓存 2、页面渲染的过程是怎么样的 DNS解析，建立TCP连接，发送http请求，服务器处理请求，渲染页面（Dom树和渲染树，断开TCP连接。 3、浏览器的存储方式有哪些，其中sess

自我介绍。 为什么选择做前端。 项目拷打。 项目前端性能优化有哪些。 怎么学前端的。 说几个 Promise 的方法。 Vue2 和 Vue3 的区别。 看代码说结果。 setTimeout(() => { console.log(0); }, 0); new Promise(() => { console.log(1); }).then(() => { console.

40min 自我介绍 项目相关问题 浏览器数据存储的方式, cookie和session的区别 如何判断一个元素是否在视窗当中 Vue生命周期 如果想要获取数据应该在什么地方 如果想要绑定事件应该在什么地方 Sass相关 为什么使用Sass, Sass好的地方在哪里 Flex布局, 相关的属性有哪些 Grid布局(我平时用的不是很多, 没回答好) 平时有了解过Gulp吗 Webpack模块联邦 J

1. 小程序性能优化指标有哪些 2. 如何拿到小程序页面上发生的错误 3. unhandledRejection的作用 4. 如何获取前端性能数据，对接口性能的监测方案 5. 权限设计方案，rbac有了解过吗 6. webpack打包优化，如何在开发时提高项目的打包速度 7. vue 3.0的优化，2.0 defineProperty 8. transform动画的优势，原理 9. 检测动画实时帧