Web前端最全事件循环面试题，Web前端面试真题解析火爆全网

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

// 哪些是异步操作 1 定时器延时器 2 ajax 3 绑定的onclick事件函数… 4

// console.log(1)

// setTimeout(function () {

// console.log(2);

// },0)

// console.log(3)

// 注意 new promise 会立刻执行 而 .then 是需要异步的

// console.log(1)

// new Promise(function(resolve,reject){

// console.log(‘2’)

// resolve()

// }).then(function(){

// console.log(3)

// })

// console.log(4)

// 宏任务 ： 定时器延时器 微任务：promise

// 先同步 再取出第一个宏任务执行 所有的相关微任务总会在下一个宏任务之前全部执行完毕

// 如果遇见 就 先微后宏

// console.log(1)

// setTimeout(function () {

// console.log(2);

// },0)

// new Promise(function (resolve) {

// console.log(‘3’);

// resolve();

// }).then(function () {

// console.log(‘4’)

// })

console.log(‘1’);

// 延时器 放到事件队列里面 宏任务

setTimeout(function () {

console.log(‘2’);

new Promise(function (resolve) {

console.log(‘3’);

resolve();

}).then(function () {

console.log(‘4’)

})

},0)

// promise new promise立刻执行 但是 then 会放到事件队列 微任务

new Promise(function (resolve) {

console.log(‘5’);

resolve();

}).then(function () {

console.log(‘6’)

})

// 延时器 放到事件队列里面 宏任务

setTimeout(function () {

console.log(‘7’);

new Promise(function (resolve) {

console.log(‘8’);

resolve();

}).then(function () {

console.log(‘9’)

})

console.log(‘10’)

},0)

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法

  

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法