JavaScript学习笔记
文章平均质量分 91
JavaScript学习笔记
好_快
这个作者很懒,什么都没留下…
展开
-
JavaScript对象
1、概述一个对象就是一系列属性的集合一个属性包含一个名和一个值一个属性的值可以是函数,该属性也被称为方法2、对象和属性一个 javascript 对象有很多属性。一个对象的属性可以被解释成一个附加到对象上的变量。对象的属性和普通的 javascript 变量基本没什么区别,仅仅是属性属于某个对象。属性定义了对象的特征可以通过点符号或者方括号访问或者设置一个对象的属性对象的名字(可以是普通的变量)和属性的名字都是大小写敏感对象中未赋值的属性的值为undefined,而不是null原创 2021-01-20 18:19:12 · 628 阅读 · 0 评论 -
JavaScript函数
1、函数描述1.1 函数是头等(first-class)对象因为它们可以像任何其他对象一样具有属性和方法。它们与其他对象的区别在于函数可以被调用。每个函数其实都是一个Function对象1.2 返回值默认返回undefined使用 return 语句来指定一个要返回的值(使用new关键字调用一个构造函数除外)1.3 函数参数调用函数时,传递给函数的值被称为函数的实参(值传递),对应位置的函数参数名叫作形参。如果实参是一个包含原始值(数字,字符串,布尔值)的变量,则就算函数在内原创 2021-01-15 18:13:49 · 217 阅读 · 0 评论 -
JavaScript常见函数形式
建议使用 let 和 const 定义变量一、普通函数1.1 定义function 方法名称 (形参1,形参2,形参3...){ 封装代码; 封装代码; 封装代码;...}function 方法名称 (形参1,形参2,形参3...){ 封装代码; 封装代码; 封装代码;... return value;}1.2调用方法名称 (形参1,形参2,形参3...);1.3示例代码<!DOCTYPE html><.原创 2020-12-23 19:31:27 · 156 阅读 · 0 评论 -
节流函数-throttle
1. 功能 throttle和防抖一样都是减少高频率执行代码的执行频率。2.使用场景oninputonresizeonscrollonmousemoveonmousehover等等3.节流 vs 防抖防抖:高频执行函数,降低到执行1次节流:高频执行函数,降低到执行n次,1 < n < 高频次数3.节流原理3.1 利用 setTimeout 延迟执行逻辑代码。在防抖的基础上添加变量,降低 clearTimeout 频率,增加执行次数。 let timer =原创 2020-12-22 17:49:38 · 513 阅读 · 0 评论 -
防抖函数-debounce
1. 功能减少高频率执行代码的执行频率。2.使用场景oninputonresizeonscrollonmousemoveonmousehover等等3.防抖原理3.1 利用 setTimeout 延迟执行逻辑代码。 let timer = null; element2.onkeyup = (event) => { if (timer) { window.clearTimeout(timer); } timer = setTimeout原创 2020-12-22 17:19:36 · 124 阅读 · 0 评论 -
JavaScript其他获取元素宽高方式
一、Window.getComputedStyle获取的宽高不包括 border 和 padding既可以获取行内样式设置的宽高又可以获取CSS文件设置的宽高只读不支持 IE8 及更早版本1.1 示例代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>getComputedStyle</title>原创 2020-12-22 16:17:13 · 221 阅读 · 0 评论 -
JavaScript三大家族
一、Offset 家族1.1 offsetParent返回一个指向最近的(指包含层级上的最近)包含该元素的定位元素(relative、absolute)或者最近的 table,td,th,body元素。只读属性在 Webkit 中,如果元素为隐藏的(该元素或其祖先元素的 style.display 为 “none”),或者该元素的 style.position 被设为 “fixed”,则该属性返回 null。在 IE 9 中,如果该元素的 style.position 被设置为 “fixed”原创 2020-12-21 20:22:37 · 199 阅读 · 0 评论 -
JavaScript获取浏览器宽高
1、精简版 function ScreenSize() { let width = 0; let height = 0; if (window.innerWidth) { width = window.innerWidth; height = window.innerHeight; } else { width = document.documentElement.clie原创 2020-12-21 16:19:54 · 137 阅读 · 0 评论