img.src = ‘xx.png’
console.log(‘end’)
2. 定时任务，如setTimeout
// setTimeout
console.log(100)
setTimeout(function () {
console.log(200)
}, 1000)
console.log(300)
// setInterval
console.log(100)
setInterval(function() {
console.log(200)
}, 1000)
console.log(300)
三、callback hell回调地狱
是一种越陷越深的嵌套形式
//callback hell
// 获取第一份数据
$get(url1, (data1) => {
console.log(data1)
// 获取第二份数据
$get(url2, (data2) => {
console.log(data2)
// 获取第三份数据
$get(url3, (data3) => {
console.log(data3)
// 获取更多数据
})
})
})
解决方法：使用promise
// promise
function getData(url) {
return new Promise((resolve, reject) => {
$.ajax({
url,
success(data) {
resolve(data)
},
error(err) {
reject(err)
}
})
})
}
const url1 = ‘data1.json’
const url2 = ‘data2.json’
const url3 = ‘data3.json’
getData(url1).then(data1 => {
console.log(data1)
return getData(url2)
}).then(data2 => {
console.log(data2)
return getData(url3)
}).then(data3 => {
console.log(data3)
}).catch(er => console.error(err)) // 串联形式
四、问题解答
1. 同步和异步的区别是什么？
异步是基于JS单线程语言
异步不会阻塞代码执行
同步会阻塞代码执行
2. 手写promise加载一张图片？
function loadImg(src) {
const p = new Promise(
(resolve, reject) => { // resolve和reject也是函数
const img = document.createElement(‘img’) // 定义图片
img.onload = () => {
resolve(img)
}
img.onerror = () => {
const err = new Error(图片加载失败 ${src})
reject(err)
}
img.src = src
}
)
return p
}
// const url = ‘https://img.mukewang.com/5a9fc8070001a82402060220-140-140.jpg’
// loadImg(url).then(img => {
// console.log(img.width)
// return img // img传入then里
// }).then(img => {
// console.log(img.height)
// }).catch(ex => console.error(ex))
const url1 = ‘https://img.mukewang.com/5a9fc8070001a82402060220-140-140.jpg’
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
刷面试题
刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。
-
前端字节跳动真题解析
-
【269页】前端大厂面试题宝典
最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
vert/eac3322374bd31596de9bf548f6ce47f.png)
最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-3zcRFYT1-1712768776733)]
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
