前端你要准备的面试题（没有答案只有题）

非技术题

1、为什么离职？
2、你的职业规划？
3、你遇到的最大的困难是什么？
4、你收获最大的是什么？
5、你最大的缺点是什么？
6、你觉得你有什么优点？
7、你知道我们公司是做什么的吗？
8、你能接受加班吗？
9、你能接受出差吗？

技术题（Vue）

1、为什么选择Vue?
2、Vue的双向绑定（Vue2和Vue3还不一样）原理？
（还会衍生出为什么要用 Proxy API替代 defineProperty API）
4、生命周期？数据请求一般在什么周期？为什么？created与mounted的区别？
5、watch和computed的区别和共同点？
6、销毁周期做了什么？
7、key的作用？为什么不能用index作为key？
8、Vue插槽的理解？
9、v-if和v-show的区别？v-for为什么避免和v-if一起使用？
10、keep-alive了解吗？
11、vue的通信方式有哪些？
12、Vuex是什么？有什么作用？
13、路由的两种模式？hash和history有什么区别?
14、axios的了解？是做什么的？有什么特点和优势？常用的api有哪些？
15、element-ui中遇到的问题？
16、首屏加载速度慢怎么解决？
17、Vue的性能优化？
18、什么是虚拟DOM？和真实DOM的区别？Vue为什么要用虚拟DOM?
进阶
19、vue2和vue3的区别？
20、vue、react、angularjs之间的区别和你对三个框架的看法？
21、能理解vue的设计模式吗？
22、知道vue的diff算法吗？
23、Vuex的ajax请求在哪儿调用比较合适。
24、Vuex的缺点是什么？怎么解决？

技术题（JS）

1、原型链的理解？
2、es5,es6新增的常用方法？
3、let和const的区别？
4、新增的数据类型？
5、Set和Array的区别？
6、Map和Object的区别？
7、let和var的区别？
8、数组去重？数组排序？
9、类型判断？
10、箭头函数和普通函数的区别？
11、Promise的使用理解？
12、Async和await的使用理解？
13、Proxy的理解？
14、null，undefined，NaN的理解？
15、for..in 和 Object.keys()的区别
16、如何阻止事件冒泡？
17、如何阻止默认事件？
18、闭包的概念？优缺点？使用场景？
19、什么是跨越？jsonp跨域的理解？
20、描述一下cookies，sessionStorage和localStorage的区别？
21、ajax请求的时候get 和post方式的区别？
22、谈谈你对this的理解？知道如何修改this指向吗？这些方法有什么区别？
23、说说js的内存泄露？如何避免这些问题？
24、说说import、require、export的区别？
25、说说宏任务和微任务，堆和栈。
26、说说事件循环(Event Loop)。
27、图片懒加载。
28、Js继承的常用方式和具体实现。

技术题（CSS）

1、盒子模型？
2、css3新增伪类有哪些?
3、Less和Sass是什么？有什么区别？
4、弹性盒子用过吗？简单说几个常用API？
5、移动端常见的Css兼容问题？怎么解决的？
6、动画属性了解吗？简单说说？
7、animation简单用法？
8、css有哪些单位?移动端开放一般用什么单位？为什么？怎么用？
9、如何绘出小于1px的直线。
10、如何让字体小于10px?
11、选择器的先后顺序？
12、伪元素选择器的实战应用有哪些？
13、style标签里的scope有什么用？

进阶
11、css主题切换
12、transition、transform、animation的区别？谁的性能更好？为什么？
13、自己写一个弹窗（考定位，遮罩层，滚动）
14、如何定义一个less的公共类
15、

技术题（HTML）

1、语义化标签最主要的作用是什么？
2、src和href的区别

技术题进阶（webpack）

1、webpack的作用是什么，谈谈你对它的理解？
2、Vue不利用vue-cli脚手架能自己搭建一个前端项目吗？
3、webpack用的那个版本？知道版本之间的区别吗？
4、webpack的常用api和其主要作用。
5、gulp/grunt 与 webpack的区别是什么?
6、webpack的打包优化有做过吗？
7、webpack的热更新原理知道吗？
8、什么是websocket？

技术题进阶（JS）

1、手写一个Promise
2、手写一个interface
3、手写let const
4

技术题进阶（实战）

1、首页的优化方案。
2、前端性能的提升方案。
3、优化过webpack吗
4、说一说前端监控的方案和意义
5、理解微前端吗？
6、如何处理超大图片显示缓慢的问题？
7、手撕一个前端搜索？纯前端，客户常搜索的内容要记下来。详细方案。
8、请你设计一个完善的登录页。
9、常见网络攻击和防御方法。
10

网络相关

1、http和https有什么区别？
2、常见的网络错误状态码有哪些？
3、

其他题

1、常去的学习网站有哪些？平时的学习方法是什么？
2、遇到不能解决的问题了怎么办？
3、和同事产生了矛盾如何解决？

反问题（面试过了之后你应该问人事的题）

1、薪资的构成情况？例如是底薪加提成还是全额合同金额？
2、年终奖是否写进合同？
3、五险一金的缴纳方式？是全额还是最低额度？
4、有无加班费？
5、多久调薪一次？
6、团队人员情况？项目老大的性格是严格还是随和？
7、公司收入情况？过生存线了没有？
8、上班时间，迟到的处罚是怎么样的？扣工资的直接pass！