最后
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。
var cb = $.Callbacks(‘memory’);
function wakeUp() {
console.log(‘早’);
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp);
cb.fire();
cb.add(eating); // 添加了memory后,执行过一次fire,之后新add的回调函数,会自动执行
//输出:早 吃早饭
unique
var cb = $.Callbacks(‘unique’);
function wakeUp() {
console.log(‘早’);
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp, wakeUp);
cb.fire();// 添加了unique后,两次add增加wakeUp函数,仅增加一次
// 输出:早
另注:add函数里可以一次添加多个回调函数,
cb.add(wakeUp, wakeUp);
cb.add(eating);
添加两次wakeUp函数,一次eating函数
stopOnFalse
var cb = $.Callbacks(‘stopOnFalse’);
function wakeUp() {
console.log(‘早’);
return false;
}
function eating() {
console.log(‘吃早饭’);
};
cb.add(wakeUp, wakeUp);
cb.add(eating);
cb.fire();// 添加了’stopOnFalse’之后,由于wakeUp函数里return了false,第二次添加的wakeUp和eating函数均不再执行
// 输出: 早
在 jQuery 内部使用,如为 .ajax提供基础功能的函数
用户的请求是异步的,在等待请求的同时,可以做其他操作
基本使用
var dld = $.Deferred();
dld.resolve(); // 设置状态为成功
// dld.reject(); // 设置状态为失败
// dld.notify(); // 设置状态为进行中
//三种状态只能单独出现,不能又成功又失败
// 监听延迟对象的状态
// 当状态为成功时,触发done函数传递的回调函数;
// 当状态为失败时,触发fail函数传递的回调函数;
// 当状态为进行时,触发progress函数传递的回调函数;
dld.done(su)
.fail(er)
.progress(ing);
// 分别定义成功、失败、进行时的回调函数
function su(){
console.log(‘成功了’);
}
function er(){
console.log(‘失败了’);
}
function ing(){
console.log(‘进行中’);
}
用计时器简单模拟一个请求的过程
当点击按钮时,等2s(模拟请求),然后将请求状态设置成成功,触发回调函数
btn
var dld = $.Deferred();
dld.done(su)
.fail(er)
.progress(ing);
// 2s后,设置状态为成功
var timer = function(){
setTimeout(function(){
dld.resolve();
}, 2000)
}
function su(){
console.log(‘成功了’);
}
function er(){
console.log(‘失败了’);
}
function ing(){
console.log(‘进行中’);
}
$(‘.btn’).click(function(){
timer();
})
效果:点击按钮,2秒后输出’成功了’
另注:在Ajax异步请求中,会自动设置状态,成功时自动设置状态为成功,失败时自动设置状态为失败
延迟对象的监听可以设置多个,只要对象状态改变,监听其状态的函数会执行其下所有回调函数
dld.done(su)
.fail(er)
.progress(ing)
.done(function(){
console.log(‘重要的事情再强调一遍:成功了’)
});
当成功时,会输出:‘成功了’ 和 ‘重要的事情再强调一遍:成功了’,即,done() / fail() / progress() 分别有自己的callbacks,调用一次相当于add进一次回调函数,当状态改变时,触发对应callbacks的fire(),一一执行里面的回调函数
var dld = $.Deferred();
// 相当于
// var resolveCb = $.Callbacks();
// var rejectCb = $.Callbacks();
// var notifyCb = $.Callbacks();
dld.done(su) // 相当于 resolveCb.add(su)
.fail(er) // 相当于 rejectCb.add(er)
.progress(ing); // 相当于 notifyCb.add(img)
最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
于 rejectCb.add(er)
.progress(ing); // 相当于 notifyCb.add(img)
最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-c81ZfolL-1715485137270)]
[外链图片转存中…(img-xVWuWJ6Y-1715485137271)]