history traversal
任务(h5
当中的历史操作)
process.nextTick
(nodejs
中的一个异步操作)
MutationObserver
(h5
里面增加的,用来监听DOM
节点变化的)
不同的任务会进入对应的Event Queue
。
更新一下Event Loop
的执行顺序图:
-
代码开始执行,创建一个全局调用栈,script作为宏任务执行
-
执行过程过同步任务立即执行,异步任务根据异步任务类型分别注册到微任务队列和宏任务队列
-
同步任务执行完毕,查看微任务队列
-
若存在微任务,将微任务队列全部执行(包括执行微任务过程中产生的新微任务)
-
若无微任务,查看宏任务队列,执行第一个宏任务,宏任务执行完毕,查看微任务队列,重复上述操作,直至宏任务队列为空
在上面学习的基础上,重新分析当前案例:
setTimeout(() => {
console.log(1);
}, 1000)
new Promise(function(resolve){
console.log(2);
for(var i = 0; i < 10000; i++){
i == 99 && resolve();
}
}).then(function(){
console.log(3)
});
console.log(4)
分析过程见下图:
文章的最后附赠经典烂大街面试题,可以测试一下自己的掌握程度。
console.log(‘script start’);
setTimeout(() => {
console.log(‘time1’);
}, 1 * 2000);
Promise.resolve()
.then(function() {
console.log(‘promise1’);
}).then(function() {
console.log(‘promise2’);
});
async function foo() {
await bar()
console.log(‘async1 end’)
}
foo()
async function errorFunc () {
try {
await Promise.reject(‘error!!!’)
} catch(e) {
console.log(e)
}
console.log(‘async1’);
return Promise.resolve(‘async1 success’)
}
errorFunc().then(res => console.log(res))
function bar() {
console.log(‘async2 end’)
}
console.log(‘script end’);
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
数据结构与算法
这一块在笔试、面试的代码题中考核较多,其中常考的数据结构主要有:数组、链表、队列、栈、Set、Map、哈希表等,不同数据结构有不同的方法以及储存原理,这些算是技术岗的必备知识。算法部分主要分为两大块,排序算法与一些其他算法题。
排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。
- 二叉树层序遍历
- B 树的特性,B 树和 B+树的区别
- 尾递归
- 如何写一个大数阶乘?递归的方法会出现什么问题?
- 把多维数组变成一维数组的方法
- 知道的排序算法 说一下冒泡快排的原理
- Heap 排序方法的原理?复杂度?
- 几种常见的排序算法,手写
- 数组的去重,尽可能写出多个方法
- 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
- 知道数据结构里面的常见的数据结构
- 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
- 合并两个有序数组
- 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
的数组中寻找这个数的位 置(通过快速查找,二分查找)
[外链图片转存中…(img-CeZiWDeY-1712609649902)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-01OFFXkO-1712609649903)]