2024年前端最新前端入门篇（四十七）JS应用2弹窗问题记录，面试经历分享

总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

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

效果：

4.打开页面时，右下角弹窗逐渐升起

js代码：

把之前css代码中设置的height改成0，否则一打开页面就直接看到弹窗

.ad{

position: fixed;

bottom: 0;

right:0;

width: 400px;

/* height: 225px; */

height: 0;

}

效果：

5.当页面加载完毕，弹窗才升起：window.onload()

js代码：

效果：

6.弹窗呗关闭时也逐渐下降退出

//点击关闭时，弹窗逐渐下降

myClose.onclick = function(){

// myAd.style.display = ‘none’;

var adTimeClose = setInterval(adCloseFunc,20);//新计数器

function adCloseFunc(){

if (adHeight > 0){

adHeight -= 2;

myAd.style.height = adHeight + ‘px’;

}else{

myAd.style.height = ‘0’;

clearInterval(adTimeClose);//清除计数器

}

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

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

TimeClose);//清除计数器

}

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

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

[外链图片转存中…(img-9e47vSq1-1715023711732)]