背景
上家公司经营问题，无奈导致技术团队解散，又再一次奔赴找工作的大潮。谨以此文记录一下面试过程中遇到的问题。（不定时更新）
问题详情
基础知识
CSS 栅格系统的实现原理？
什么是 html5，它与 html4 的区别？
写出三种及以上的垂直水平居中的方法
输入 url 到页面渲染的整个过程是怎样的？
什么是面向对象？其三大特性是什么？
浏览器相关
浏览器垃圾回收机制是什么？
什么是内存泄漏，有哪些情况？
浏览器 Event Loop 机制？
new Promise((res,rej) => {
console.log(1)
setTimeout(()=> {
console.log(4)
}, 0)
res(3)
}).then(x => {console.log(x)})
console.log(2)
// 输出顺序？
浏览器的缓存机制？
put delete 请求参数与 get post 请求有何不同？
请求报文，相应报文的组成有哪些？
什么是 websocket ?
什么是 web worker ?
什么是 PWA ?
Js 相关
闭包的理解
继承的几种实现方式
Jsonp 的实现原理
用正则获取一段字符串中所有的 img 标签（需要考虑 alt=” 内部含有 img 标签 ” 这个情况导致的错误）
谈谈你对 es6 的 map 和 set 的理解？weakSet weakmap 与之相比有何区别？
你用 js 如何实现 async 和 await ?
第三方库
webpack 有哪些重要特性？有何优化使用经验
Vue 和 React 的区别？
实现双向绑定有哪些方式
谈谈对 Vue 动态组件和函数组件的理解。
Vue 自定义指令有哪些生命周期？
Vue 的 diff 算法？
Vuex 的事件流？如何设计一个 store ?
Vue 的 computed 与 watch 的使用区别？
Vue 中我设置一个 for 循环 10 次修改 data 中的值？页面会渲染 10 次还是一次？从性能上考虑应该是渲染一次，请问 vue 底层是如何实现渲染一次的？
Vue router 的实现原理？
功能相关
百度如何统计用户对页面每个 a 标签的点击行为？
当一个表格有上万条数据时，如何优化使其页面不卡顿？
websocket 连接突发失效有何解救方案？
单页面应用首页渲染白屏如何解决？
单页面商城首页上拉不断加载商品数据，当数据量过大时会造成移动端页面卡顿，如何优化而不失功能完整？
前端性能优化？
web 攻击有哪些？前端如何提高 web 安全性？
奇葩题
需要您画两幅画，正面有房子和泳池，背面有树。
我们在马路上看到的井盖是圆是方，为什么？
如何你是一个铅笔高的人掉进了搅拌机中，如何逃出来？
昨天我早上 8 点从山脚爬山，晚上 8 点到山顶。第二天我早上 8 点从山顶下来，晚上 8 点到山脚。问有没有这样一个时刻，昨天和今天我站在了同一个位置？
以上是我遇到的一些前端面试题，分享给大家，共同进步，希望离职的人儿早日找到一份好工作！！
我写了一本前端经验小书，也分享给大家。Github and 浏览网址