JavaScript学习之BOM（BOM，Windows事件，2024年最新2024Web前端高级面试题及答案

}

方式三：事件监听

window.addEventListener(‘load’,function(){

alert(‘页面加载事件’)

})

（2）document.DOMContentLoaded ： document.DOMContentLoaded加载事件，会在DOM加载完成时触发，这里所说的加载不包括CSS样式表、图片和flash动画等额外内容的加载。

调整窗口大小事件

---

window.onresize：当浏览器窗口大小发生改变时触发该事件

实现方式：

方式一：

window.οnresize=function(){

alert(‘窗口大小改变了’)

}

方式二：事件监听

window.addEventListener(‘resize’,function(){

alert(‘窗口大小改变了’)

})

定时器

======================================================================

（1）setTimeout(function(){},时间)：在给定的时间(以毫秒为单位)之后，执行函数。返回值是一个定时器对象。

变量名 = setTimeout(function(){},时间)

（2）clearTimeout(定时器对象)：清除setTimeout定时器对象。

练习

---

1.两秒后弹出消息框

法一：

setTimeout(‘alert(“javaScript”);’,2000) //2秒之后弹出消息框

法二：

setTimeout(function(){

alert(‘JavaScript’)

},2000)

法三：

function fn(){

console.log(“2秒后显示”)

}

var timer=setTimeout(fn,2000)

clearTimeout(timer) //清除定时器对象

2、3秒钟后让图片消失

function fn(){

var img=document.querySelector(‘img’) //获取图片

img.style.display=‘none’ //图片消失

}

var timer=setTimeout(fn,3000)

JavaScript执行机制

=================================================================================

（1）单线程：JavaScript程序是单线程的，即同一个时间只能做一件事

进程与线程 ：

• 进程：程序的一次动态运行，有独立的内存空间

• 线程：是进程的运行单位，一个进程可以分为若干个线程

（2）同步：就是前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的

（3）异步：在做一件事情的同时，可以去做其他的事情

location对象

=============================================================================

location对象：地址对象

(1)URL(Uniform Resource Locator)：统一资源定位符

URL组成：

（2）location常用属性：

• location.href : 完整url地址

• location.hostname：主机名

• location.port：端口号

• location.protocol：协议

• ocation.search：’?'之后的参数字符串

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记

  

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

ccf39ce440a0fb5c.png)

• Vue 学习笔记

  

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-vzMIN8Wz-1712730273734)]