前端高频面试题

563 阅读3分钟

经典面试题收录,建议收藏

CSS

定位方式区别

BFC

实现div水平垂直居中(flex必备!)

css3 过渡与动画区别;实现div倾斜45% 向右滑动100px

移动端适配方案



通识基础

ajax状态码有哪些

三次握手 四次挥手

本地存储及其区别

判断数据类型方案及区别

什么是防抖和节流?有什么区别?

call 和 apply 的区别是什么

说说对闭包/原型/this/作用域的理解

事件传播

页面从url输入到页面展示经历了什么?(性能优化变种题目)

介绍下重绘和回流(Repaint & Reflow),以及如何进行优化

暂时性死区

介绍下 Promise.all 使用、原理实现及错误处理

router导航守卫有哪些

hash和history的区别;如何解决刷新404问题

介绍下事件循环

介绍下垃圾回收

怎么理解模块化

遇到一个棘手的问题,怎么排查



常见代码实现

分别实现防抖、节流

实现一个深拷贝

实现promise.race

实现一个方式接口并发的处理,并发数限制为5

封装一个业务使用的axios

实现 (5).add(10).minus(1) 功能

模拟实现new关键字

实现一个sleep函数



Vue

生命周期

写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么?

v-if 和 v-show区别

setup是怎么实现的

怎么理解composition api

双向绑定原理

父子通信方案

watch和computed和函数区别

nextTick原理

描述diff过程

vue3和vue2的区别,vue3有哪些优势

ref和reactive的区别

指令是什么,怎么用

说说对slot的理解

vue和react的区别

服务端渲染/同构渲染



构建

了解webpack吗?还了解哪些其他构建工具

webpack的plugin和loader区别

是否有配置过webpack、写过plugin吗?

热更新原理

webpack执行流程

构建优化



开放性问题

做过什么有挑战性项目/功能

解决过什么复杂的技术难题?请详细描述问题的背景、您的解决方案以及最终的结果。

做过性能优化吗?,什么场景,做了哪些策略?取得神什么成果。

如果让你设计一个项目架构,你会考虑哪些方面?。

你在过往的工作经历中是否有参与过的跨部门合作项目,说说在项目中的角色以及如何与其他部门协作以达成共同目标。在这个过程中你学到了什么?

谈谈你对持续学习和职业发展的看法。你是如何保持对新技术和行业趋势的关注,并将所学应用到项目中的?你在未来一年内有什么学习和职业规划?

通过哪些渠道提升自己

手打不易,觉得还不错的辛苦给个赞~

点击前往 github链接