前端面试常问的n个问题

css

盒模型是什么

BFC是什么 有什么作用 怎么可以有BFC 可以用BFC解决哪些问题

flexbox 各属性的含义 flex-shrink怎么计算 怎么实现九宫格

垂直水平居中

三角形 梯形 圆形等各种几何图形的画法animation transition transform等

js

async和defer的加载

代码考察：事件循环机制 （宏事件 微事件 async）

代码考察：promise是什么？为什么? catch then ? all和race的实现?

除了promise的异步写法？ async await 区别是什么

箭头函数和普通函数的区别？

代码考察：this指向 静态作用域和动态作用域

原型链 prototype和__proto__

代码考察：隐式类型转换

闭包是什么？常见闭包场景

静态方法 原型方法 一般方法

vue

vue3和vue2的区别

双向绑定原理

生命周期

vuex的基本概念

action和mutation的区别 怎么在组件中使用？(计算属性 mapState mapActions等）

vue-router的两种原理和区别

vue-show和vue-if的区别

虚拟dom的优缺点

组件通信方式

其他

https的具体过程 加密算法了解过吗？ JWTtoken

浏览器缓存

cookie localStorage sessionStorage区别 怎么删除

项目状态码

有哪些跨域方案 动手练习过吗

常见攻击及其解决方法

重绘重排 怎么避免 GPU加速 will-change的使用

进程和线程区别 通信方法

死锁原因 死锁避免方法

优化方法（尽可能多、尽可能有条理地列举）

算法（面试前刷codetop）：

二叉树 BFS DFS stack top100常考

进阶：

有项目聊项目（是否部署上线项目、开发流程的掌握程度等）

考察动手能力考察软技能（学习方法、沟通能力等?)

更多技术考察：（原本是加分项，按照大家卷的程度，如果是以后求职的话，务必要补上）webpack 单元测试 TypeScript React .....

我整理了一套零基础到就业的系统教程，作业+案例+项目都非常齐全，如果你找不到系统的教程，可以点我头像发送“前端”获取~。