10月前端面试题目汇总

背景

上家公司经营问题，无奈导致技术团队解散，又再一次奔赴找工作的大潮。谨以此文记录一下面试过程中遇到的问题。（不定时更新）

问题详情

基础知识

1. CSS 栅格系统的实现原理？
2. 什么是 html5，它与 html4 的区别？
3. 写出三种及以上的垂直水平居中的方法
4. 输入url 到页面渲染的整个过程是怎样的？
5. 什么是面向对象？其三大特性是什么？

浏览器相关

1. 浏览器垃圾回收机制是什么？
2. 什么是内存泄漏，有哪些情况？
3. 浏览器 Event Loop 机制？

new Promise((res,rej) => {
    console.log(1)
    setTimeout(()=> {
        console.log(4)
    }, 0)
    res(3)
}).then(x => {console.log(x)})
console.log(2)
// 输出顺序？

1. 浏览器的缓存机制？
2. put delete 请求参数与 get post 请求有何不同？
3. 请求报文，相应报文的组成有哪些？
4. 什么是 websocket ?
5. 什么是 web worker ?
6. 什么是 PWA ?

Js 相关

1. 闭包的理解
2. 继承的几种实现方式
3. Jsonp 的实现原理
4. 用正则获取一段字符串中所有的img标签（需要考虑alt="内部含有 img 标签"这个情况导致的错误）
5. 谈谈你对 es6 的 map 和 set 的理解？ weakSet weakmap 与之相比有何区别？
6. 你用 js 如何实现 async 和 await ?

第三方库

1. webpack 有哪些重要特性？有何优化使用经验
2. Vue 和 React 的区别？
3. 实现双向绑定有哪些方式
4. 谈谈对 Vue 动态组件和函数组件的理解。
5. Vue 自定义指令有哪些生命周期？
6. Vue 的 diff 算法？
7. Vuex 的事件流？如何设计一个 store ?
8. Vue 的 computed 与 watch 的使用区别？
9. Vue 中我设置一个 for 循环 10 次修改 data 中的值？页面会渲染10次还是一次？从性能上考虑应该是渲染一次，请问vue底层是如何实现渲染一次的？
10. Vue router 的实现原理？

功能相关

1. 百度如何统计用户对页面每个 a 标签的点击行为？
2. 当一个表格有上万条数据时，如何优化使其页面不卡顿？
3. websocket 连接突发失效有何解救方案？
4. 单页面应用首页渲染白屏如何解决？
5. 单页面商城首页上拉不断加载商品数据，当数据量过大时会造成移动端页面卡顿，如何优化而不失功能完整？
6. 前端性能优化？
7. web 攻击有哪些？前端如何提高 web 安全性？

奇葩题

1. 需要您画两幅画，正面有房子和泳池，背面有树。
2. 我们在马路上看到的井盖是圆是方，为什么？
3. 如何你是一个铅笔高的人掉进了搅拌机中，如何逃出来？
4. 昨天我早上8点从山脚爬山，晚上8点到山顶。第二天我早上8点从山顶下来，晚上8点到山脚。问有没有这样一个时刻，昨天和今天我站在了同一个位置？

以上是我遇到的一些前端面试题，分享给大家，共同进步，希望离职的人儿早日找到一份好工作！！

我写了一本前端经验小书，也分享给大家。Github and 浏览网址