前端经典面试题（摘自牛客）

编程语言

说一说HTML 语义化
说一下盒模型
说一下浮动
说一说样式优先级的规则是什么？
说一说CSS尺寸设置的单位
说一说BFC
说几个未知宽高元素水平垂直居中方法；
说一说三栏布局的实现方案
说一说JS数据类型有哪些，区别是什么？
说一说null和undefined的区别，如何让一个属性变为null？
说一说JavaScript有几种方法判断变量的类型？
说一说数组去重都有哪些方法？
说一说伪数组和数组的区别？
说一说map和forEach的区别？
说一说ES6中箭头函数？
事件扩展符用过吗（…），什么场景下？
说一说你对闭包的理解？
说一说JS变量提升？
说一说this指向（普通函数、箭头函数）？
说一说call apply bind的作用和区别？
说一说js继承的方法和优缺点？
说一说new会发生什么？
说一说defer和async区别？
说一说promise是什么与使用方法？
说一说JS实现异步的方法？
说一说cookie sessionStorage localStorage区别
说一说如何实现可过期的localstorage数据？
说一下token能放在cookie中吗？
说一说axios的拦截器原理及应用？
说一说创建ajax过程？
说一下fetch请求方式？
说一下有什么办法可以保持前后端实时通信？
说一下浏览器输入URL发生了什么？
说一下浏览器如何渲染页面的？
说一下重绘、重排区别？如何避免？
说一下浏览器垃圾回收机制？
说一下事件循环Event loop，宏任务与微任务？
说一说跨域是什么？如何解决跨域问题？

---

框架技术

说一说vue钩子函数？
说一说组件通信的方式？
说一说computed和watch的区别？
说一说v-if和v-show区别？
说一说vue的keep-alive？
说一说vue中$nextTick作用与原理
说一说vue列表为什么加key？
说一说vue-router实现懒加载的方法？
说一说HashRouter和HistoryRouter的区别和原理？
说一说Vuex是什么，这个属性是干嘛的，如何使用？
说一说Vue2.0双向绑定的原理与缺陷？
说一说Vue3.0实现数据双向绑定的方法？

---

性能优化与安全

说一说前端性能优化手段？
说一说性能优化有哪些性能指标，如何量化？
说一说服务端渲染？
XSS攻击是什么？
CSRF攻击是什么？
说一下Diff算法？