金九银十，附赠一份前端面试知识点总结

现在是九月的小尾巴，不知道还有多少小伙伴想要换工作呢？下面是我这一段时间面试的相关知识点总结，大厂小厂都有，整理了一下分享给大家，希望能对大家有所帮助。

---

JS篇

1.ES6语法的新特性，Promise，async，await
①async和await如何用异步实现同步写法的
②为什么promise可以实现链式调用
③手写实现promise的思路
④如何去管理promise的状态

2.for each和map的区别

3.闭包
①闭包的特点，有什么问题，可以用来做什么

4.原型链

5.JS体积太大，如何解决

6.AMD、CMD、CommonJS、Es6

7.Event Loop 宏任务和微任务

8.localStorage长度溢出了怎么办

9.作用域和作用域链

10.为什么会存在变量提升

11.JS的垃圾回收机制

12.循环的多种方式，觉得那些循环可以终止
①for in和for of的理解

13.new和Object.create创建对象的区别

14.this指向，如何改变this指向
①apply和call是怎么认识的，和bind的区别
②手写bind

15.手写节流防抖，深拷贝，快排，快排的事件复杂度

16.let var const的区别

17.JS判断数据类型的方式
①如何判断null和undefined
②了解typeof和instanceof的原理吗

CSS布局篇

1.flex布局的属性，和常规布局的差别
①flex是一个负责属性，哪些的复合，都是什么意思

2.rem布局的原理
①rem可以把字体缩小到比最小字体还小吗
②rem布局的缺点

3.常见的垂直居中的方式
①基线对齐的原理，什么属性会改变基线的位置

4.CSS三栏布局的实现方式，左右定宽，中间自适应

5.1px物理像素怎么实现

6.对盒模型的理解

7.说一下浮动，清除浮动的方式

8.了解BFC吗？解释一下BFC，BFC可以解决哪些问题

9.动画的相关知识：animation，transition，translate，transform

10.现在有新的思路实现圣杯布局吗

11.了解grid布局吗

12.Unicode、UTF-8，URLencode、base64都是干什么的

移动端布局篇

1.移动端都有什么兼容问题，为什么会产生字体大小不一致的情况

2.移动端适配怎么处理
①rem vw vh 流式布局

3.viewport的几种模式

Vue篇

1.angular，vue，react的区别

2.Vue双向绑定的原理
①如何判断是否通知监听者更新呢？
②不想双向绑定怎么办
③更新机制是怎么进行的
④发布订阅模式和观察者模式的区别

3.Vue中的key，key改变，Dom会重新渲染吗
①怎么理解key，什么情况下使用key

4.组件通信的方式
①父组件如何调用子组件事件
②provide，inject的缺点

5.Vue虚拟DOM原理

6.Vuex是什么，刷新后数据丢失，怎么处理

7.路由和location.href的区别
①路由实现的原理，路由模式的区别
②history需要在服务端做什么配置
③hash模式中Vue Router是如何做到的更改后面的地址实现界面的刷新

8.Vue路由传参的方式

9.watch和computed的区别

10.父子组件的生命周期调用顺序

11.项目优化
①首屏加载优化
②项目优化的标准

12.路由守卫实现的业务以及里面的钩子

13.项目中权限的判断

14.什么是单页面开发，优缺点

15.如何向后端发送请求，多种方式的区别

16.前端模块化和组件化的理解

17.ElementUI如何保证对话框的z-index一直最高

18.v-for为什么要有key这个关键字，不用的话有什么问题

19.Vue3.0的变化？
①为什么用proxy替代Object.defineProperty
②之前bject.defineProperty的缺点，Vue2是如何处理的
③proxy的代理方式

20.路由懒加载的方式

网络篇

1.输入URL到界面显示的过程

2.常见的状态码，304

3.浏览器缓存是一个什么机制，如何去控制缓存

4.常见的请求头
①user agent referrer etag cache-control

5.什么是同源策略，由谁判断是否同源

6.怎么解决跨域
①正向代理的原理

7.webSocket的使用场景
①一个完整的webSocket链接的过程
②HTTP协议升级WebSocket协议的这个过程
③中间如何保证链接不中断

8.CDN
①用CDN为什么会让文件体积缩小呢？
9.HTTP和HTTPS的区别
①HTTPS的加密过程

10.怎么禁止让js读取cookie？怎么让cookie只在HTTPS下传输？

11.jwt是什么

webpack篇

1.打包优化的方法

git篇

1.提交时遇到冲突

2.分支管理模型

3.常用的命令，如rebase，stash

4.git提交过程中如何保证代码一定按照规范提交

5.git的工作流

小程序篇

1.小程序和其他H5应用的区别，小程序的特点是什么

Node篇

1.原生Node还是框架Node

2.中间件都有哪些

项目篇

1.项目中最复杂的业务，最有挑战的功能，复杂的业务逻辑，复杂在哪里，如何实现的

2.怎么抓取的设备信息

其他篇

1.自我介绍

2.为什么换工作，对新环境的期待

3.有没有什么想问我们的

4.平时如何学习，关注的技术

5.有没有自己写过什么复杂组件

6.最近在看什么新技术吗

7.教育经历

8.加班情况

hr篇

1.你觉得自己是什么类型的人，优点和缺点

2.薪资和期望薪资

---

希望大家都有一个满意的结果！