摘要: 一. 客户区坐标位置(clientX,clientY) 鼠标事件都是在浏览器视口中的特定位置发生的。这个位置信息保存在事件对象的clientX和clientY属性中,所有浏览器都支持这两个属性。 我们知道了这个位置信息我们可以做些什么了?举个例子,有时候我们需要获取鼠标在某一个元素中的相对位置,做一 阅读全文
posted @ 2020-02-22 11:21 只会一点前端 阅读(7304) 评论(0) 推荐(2) 编辑
摘要: 滚动大小(scroll dimension) 滚动大小指的是包含滚动内容元素的大小。 以下是与元素滚动内容大小相关的属性: 1. scrollWidth:在没有滚动条的情况下,元素内容的总宽度。 2. scrollHeight:在没有滚动条的情况下,元素内容的总高度。 3. scrollTop:被隐 阅读全文
posted @ 2020-02-21 17:51 只会一点前端 阅读(5732) 评论(0) 推荐(0) 编辑
摘要: 元素的客户区 元素的客户区大小,指的是元素内容及其内边距所占据的空间大小。 相关属性如下: 1. clientWidth:元素内容区宽度+元素左右内边距 2. clientHeight:元素内容区高度+元素上下内边距 案例代码如下: <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2020-02-21 14:37 只会一点前端 阅读(2713) 评论(0) 推荐(0) 编辑
摘要: 偏移量(offset dimension) 偏移量:包括元素在屏幕上占用的所有可见空间,元素的可见大小有其高度,宽度决定,包括所有内边距,滚动条和边框大小(注意,不包括外边距)。 以下4个属性可以获取元素的偏移量 1. offsetHeight:元素在垂直方向上占用的空间大小,以像素计。包括元素的高 阅读全文
posted @ 2020-02-21 13:17 只会一点前端 阅读(14780) 评论(1) 推荐(1) 编辑
摘要: 前面说过一个完整的js实现,包括ECMAScript,BOM,DOM三部分,现在就来讲讲DOM的有关知识。 DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口)。DOM描绘来一个层次化的节点树,允许开发人员添加,移除和修改页面的某一部分。 Node类型 DOM1级定义了一个N 阅读全文
posted @ 2020-02-03 13:43 只会一点前端 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 常用的客户端检测方式有以下三种: 1.能力检测 2.怪癖检测 3.用户代理检测 能力检测 最常用也是最为人们广泛接受的客户端检测形式是能力检测(又称特性检测)。能力检测的目标不是识别特定的浏览器,而是识别浏览器的能力。采用这种方式不必顾及特定的浏览器如何如何,只要确定浏览器支持特定的能力,就可以给出 阅读全文
posted @ 2020-02-01 15:02 只会一点前端 阅读(367) 评论(0) 推荐(0) 编辑
摘要: var db = function () { // 本地存储前缀,减少命名冲突 var prefix = 'ydb'; return { setPrefix: function (_prefix) { prefix = _prefix; // 本地存储前缀只允许修改一次,如果多次修改,由于单例,可能 阅读全文
posted @ 2020-01-31 13:57 只会一点前端 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 定义函数的方式有两种: 1.函数声明(特征:函数声明提升,在执行代码之前会先读取函数声明,这就意味着可以把函数声明放在调用它的语句之后) 2.函数表达式(函数表达式与其他表达式一样,使用之前必须先声明) 递归 递归函数是一个函数通过名字调用自生的情况下构成的,递归函数必须要有结束条件。 functi 阅读全文
posted @ 2020-01-31 12:47 只会一点前端 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 要彻底弄明白js中的继承,我们首先要弄清楚js中的一个很重要的概念那就是原型链。 1.什么是原型链? 我们知道每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。如果,让原型对象等于另一个引用类型的实例,那么原型对象中将包含一个指向另一个原型的指 阅读全文
posted @ 2020-01-30 22:16 只会一点前端 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 我们要搞清楚new操作符到底做了一些什么事情? 1.创建一个新的对象 2.将构造函数的作用域赋给新对象(因此this指向了这个新对象) 3.执行构造函数中的代码(为这个新对象添加属性) 4.返回新对象 上面给出了new操作符到底做了一些什么事情,我们就一步一步的实现这些,是不是就实现了new操作符的 阅读全文
posted @ 2020-01-29 15:29 只会一点前端 阅读(2476) 评论(0) 推荐(0) 编辑