摘要: scroll 概述 scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等 页面被卷去的头部:可以通过window.pageYOffset 获得 如果是被卷去的左侧window.pageXOffset 阅读全文
posted @ 2022-02-10 16:59 Harry宗 阅读(43) 评论(0) 推荐(0)
摘要: mouseenter 和mouseover的区别 当鼠标移动到元素上时就会触发mouseenter 事件 类似 mouseover,它们两者之间的差别是 mouseover 鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter 只会经过自身盒子触发 之所以这样,就是因为mouseente 阅读全文
posted @ 2022-02-10 16:59 Harry宗 阅读(49) 评论(0) 推荐(0)
摘要: client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 阅读全文
posted @ 2022-02-10 16:53 Harry宗 阅读(41) 评论(0) 推荐(0)
摘要: offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 阅读全文
posted @ 2022-02-10 16:39 Harry宗 阅读(63) 评论(0) 推荐(0)
摘要: 单线程导致的问题就是后面的任务等待前面任务完成,如果前面任务很耗时(比如读取网络数据),后面任务不得不一直等待!! ​ 为了解决这个问题,利用多核 CPU 的计算能力,HTML5 提出 Web Worker 标准,允许 JavaScript 脚本创建多个线程,但是子线程完全受主线程控制。于是,JS 阅读全文
posted @ 2022-02-10 16:33 Harry宗 阅读(342) 评论(0) 推荐(0)
摘要: window对象给我们提供了一个 history对象,与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。 阅读全文
posted @ 2022-02-10 16:28 Harry宗 阅读(32) 评论(0) 推荐(0)
摘要: navigator 对象包含有关浏览器的信息,它有很多属性,我们最常用的是 userAgent,该属性可以返回由客户机发送服务器的 user-agent 头部的值 if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|A 阅读全文
posted @ 2022-02-10 16:26 Harry宗 阅读(43) 评论(0) 推荐(0)
摘要: <button>点击</button> <script> var btn = document.querySelector('button'); btn.addEventListener('click', function() { // 记录浏览历史,所以可以实现后退功能 // location.a 阅读全文
posted @ 2022-02-10 16:24 Harry宗 阅读(27) 评论(0) 推荐(0)
摘要: this指向问题 ​ this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,一般情况下this的最终指向的是那个调用它的对象。 现阶段,我们先了解一下几个this指向 全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向windo 阅读全文
posted @ 2022-02-10 16:15 Harry宗 阅读(36) 评论(0) 推荐(0)
摘要: 普通函数是按照代码顺序直接调用。 简单理解: 回调,就是回头调用的意思。上一件事干完,再回头再调用这个函数。 例如:定时器中的调用函数,事件处理函数,也是回调函数。 以前我们讲的 element.onclick = function(){} 或者 element.addEventListener(“ 阅读全文
posted @ 2022-02-10 16:12 Harry宗 阅读(96) 评论(0) 推荐(0)