![](https://img-blog.csdnimg.cn/20210902000452527.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 71
JavaScript
render-ydb
日常分享一些有趣、有用的前端知识。前端界一个普通的码农,目前就职于阿里巴巴。
展开
-
一文看懂js中元素偏移量(offsetLeft,offsetTop,offsetWidth,offsetHeight)
偏移量(offset dimension)偏移量:包括元素在屏幕上占用的所有可见空间,元素的可见大小由其高度,宽度决定,包括所有内边距,滚动条和边框大小(注意,不包括外边距)。以下4个属性可以获取元素的偏移量offsetHeight:元素在垂直方向上占用的空间大小,以像素计。包括元素的高度(可见的),水平滚动条的高度,上边框高度和下边框高度。offsetWidth:元素在水平方向上占用的空间大小,以像素计。包括元素的宽度(可见的),垂直滚动条的宽度,左边框宽度和右边框宽度。3: off原创 2021-11-01 22:21:21 · 6242 阅读 · 2 评论 -
js面试-手写代码实现new操作符的功能
我们要搞清楚new操作符到底做了一些什么事情?1.创建一个新的对象2.将构造函数的作用域赋给新对象(因此this指向了这个新对象)3.执行构造函数中的代码(为这个新对象添加属性)4.返回新对象上面给出了new操作符到底做了一些什么事情,我们就一步一步的实现这些,是不是就实现了new操作符的功能。首先定义一个构造函数Person如下:function Person(name) { this.name = name;}Person.prototype.sayName = functio原创 2021-11-01 21:55:39 · 142 阅读 · 0 评论 -
js中如何判断属性是对象实例中的属性还是原型中的属性
ECMAScript5中的hasOwnProperty()方法,用于判断只在属性存在与对象实例中的时候,返回true,in操作符只要通过对象能访问到属性就返回true。因此只要in操作符返回true而hasOwnProperty()返回false,就可以确定属性是原型中的属性。所以有如下函数:function hasPrototypeProperty(obj, name) { return !obj.hasOwnProperty(name) && (name in obj);原创 2021-10-27 21:41:43 · 448 阅读 · 0 评论 -
一文看懂js中元素的客户区大小(clientWidth,clientHeight)
元素的客户区元素的客户区大小,指的是元素内容及其内边距(padding)所占据的空间大小。相关属性如下:clientWidth:元素内容区宽度+元素左右内边距clientHeight:元素内容区高度+元素上下内边距<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2021-10-26 23:04:58 · 298 阅读 · 0 评论 -
一文看懂js中元素的滚动大小(scrollWidth,scrollHeight,scrollTop,scrollLeft)
滚动大小(scroll dimension)滚动大小指的是包含滚动内容元素的大小。以下是与元素滚动内容大小相关的属性:scrollWidth:在没有滚动条的情况下,元素内容的总宽度。scrollHeight:在没有滚动条的情况下,元素内容的总高度。scrollTop:被隐藏在内容区域上方的像素数。设置该值可以改变元素的滚动位置。scrollLeft:被隐藏在内容区域左侧的像素数。设置该值可以改变元素的滚动位置。接下来就举例讲解一下各个属性是什么意思,在这里使用html元素做原创 2021-10-26 22:53:36 · 1497 阅读 · 0 评论 -
一文看懂js中的clientX,clientY,pageX,pageY,screenX,screenY
一. 客户区坐标位置(clientX,clientY)鼠标事件都是在浏览器视口中的特定位置发生的。这个位置信息保存在事件对象的clientX和clientY属性中,所有浏览器都支持这两个属性。我们知道了这个位置信息我们可以做些什么了?举个例子,有时候我们需要获取鼠标在某一个元素中的相对位置,做一些事情,比如自定义拖动条。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-10-25 23:31:01 · 6481 阅读 · 0 评论 -
JavaScript中的类
JavaScript中的类原创 2021-10-13 23:12:07 · 1595 阅读 · 0 评论