摘要: offset offsetWidth / offsetHeight 获取的元素的宽高,范围是 content + padding + border offsetTop/ offsetLeft 距离最近的父元素(定位的)的边框的距离(不包含边框),若父元素都没有定位属性,则会以body为基准 offs 阅读全文
posted @ 2019-10-17 20:27 aaCoder 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 正则表达式 正则表达式就是对字符串操作的一种逻辑公式。 正则作用:查找、提取、替换 查找 提取 替换 常用正则表达式 阅读全文
posted @ 2019-10-17 20:27 aaCoder 阅读(112) 评论(0) 推荐(0) 编辑
摘要: scroll scrollWidth / scrollHeight 当内容宽度/高度没有超过 content 时:scrollWidth / scrollHeight = content + padding = clientWidth / clientHeight 当内容宽度/高度超过 conten 阅读全文
posted @ 2019-10-17 20:26 aaCoder 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 获取元素宽高 getComputedStyle 注意: 读取的范围是 content 的值 既能读取行内,也可以读取 css 设置的样式 只可以读取,不可以设置 只支持 IE9 及以上的高级浏览器 currentStyle 读取的范围是 content 的值 既能读取行内,也可以读取 css 设置的 阅读全文
posted @ 2019-10-17 18:15 aaCoder 阅读(576) 评论(0) 推荐(0) 编辑
摘要: 函数防抖与函数节流 函数防抖和函数节流是JavaScript在处理高频事件时的一种处理手段。 函数防抖 函数防抖:把「多个信号」转化为「单个信号」,在Javascript中,如果一个事件频繁发生,事件在触发后过一段事件才执行,但是如果在这一段时间内,我们又触发了这个事件,则会重新计时。 应用场景: 阅读全文
posted @ 2019-10-17 18:14 aaCoder 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 动画 定时器 匀速动画 缓动动画 阅读全文
posted @ 2019-10-17 18:13 aaCoder 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 事件 事件介绍 事件是您在编程时系统内发生的动作或者发生的事情,系统通过它来告诉您在您愿意的情况下您可以以某种方式对它做出回应。 常用事件 | 事件名 | 作用 | | : : | : : | | | 监听元素的点击事件 | | | 监听鼠标的移入事件(会产生冒泡) | | | 监听鼠标的移入事件( 阅读全文
posted @ 2019-10-17 18:12 aaCoder 阅读(197) 评论(0) 推荐(0) 编辑
摘要: DOM元素 DOM元素介绍 DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API。DOM 是载入到浏览器中的文档模型,以节点树的形式来表现文档,每个节点代表文档的构成部分(例如:页面元素、字符串或注释等等)。 获取DOM元素 阅读全文
posted @ 2019-10-17 18:11 aaCoder 阅读(109) 评论(0) 推荐(0) 编辑
摘要: JSON JSON介绍 JSON(JavaSript对象简谱)是JavaScript中轻量级传输语言,其本质就是字符串。 注意:JSON的结构与对象的结构相似,但是JSON的属性名必须是字符串。 JSON与对象的相互转换 阅读全文
posted @ 2019-10-17 18:09 aaCoder 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 数组 创建数组 通过构造函数创建: 通过字面量创建: 数组增删改查 增 :头部插入 :尾部插入 :中间插入 删 :头部删除 :尾部删除 :中间删除 改 查 数组常用方法 清空数组 数组转字符串 字符串转数组 数组拼接 翻转数组 数组截取 元素查找 判断元素是否存在 替换数组中素有元素 数组高级API 阅读全文
posted @ 2019-10-17 18:08 aaCoder 阅读(107) 评论(0) 推荐(0) 编辑