JavaScript学习之BOM（BOM，Windows事件，JavaScript执行机制）(1)

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

方式三：事件监听

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：’?'之后的参数字符串

例如：

页面跳转

navigator对象

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

navigator对象：导航对象

常用属性：

• appCodeName：返回浏览器的内部名称(即浏览器的内核)

• appName：返回浏览器完整名称

• appVersion：浏览器平台和版本信息

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

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

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。