05 2022 档案

摘要:防抖 防抖(debounce) 所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间 <style> .box { width: 500px; height: 500px; background-color: #ccc; color: #ff 阅读全文
posted @ 2022-05-26 19:17 丫丫learning 阅读(24) 评论(0) 推荐(0) 编辑
摘要:this指向 普通函数this指向 目标: 能说出普通函数的this指向 普通函数的调用方式决定了 this 的值,即【谁调用 this 的值指向谁】 // 普通函数 function fn () { console.log(this)//window,调用者 } window.fn() docum 阅读全文
posted @ 2022-05-26 19:15 丫丫learning 阅读(21) 评论(0) 推荐(0) 编辑
摘要:异常处理是指预估代码执行过程中可能发生的错误,然后最大程度的避免错误的发生导致整个程序无法继续运行 throw 抛异常 throw 抛出异常信息,程序也会终止执行 throw 后面跟的是错误提示信息 Error 对象配合 throw 使用,能够设置更详细的错误信息 function fn (x, y 阅读全文
posted @ 2022-05-26 19:11 丫丫learning 阅读(5) 评论(0) 推荐(0) 编辑
摘要:浅拷贝和深拷贝只针对引用类型 ##浅拷贝 浅拷贝:拷贝的是地址 如果是一层对象,不相互影响,如果出现多层对象拷贝还会相互影响 拷贝对象之后,里面的属性值是简单数据类型直接拷贝值 如果属性值是引用数据类型则拷贝的是地址 总结: 如果是简单数据类型拷贝值,引用数据类型拷贝的是地址 (简单理解: 如果是单 阅读全文
posted @ 2022-05-26 19:08 丫丫learning 阅读(30) 评论(0) 推荐(0) 编辑
摘要:原型 概念:函数的一个 prototype 属性,指向另一个对象,所以我们也称为原型对象 作用:构造函数通过原型分配的函数是所有实例对象所 共享的。 这个对象可以挂载函数,对象实例化不会多次创建原型上函数,节约内存 我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例 阅读全文
posted @ 2022-05-26 19:00 丫丫learning 阅读(284) 评论(0) 推荐(0) 编辑
摘要:编程思想 面向过程介绍 概念: 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 面向对象 概念: 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。 面向 阅读全文
posted @ 2022-05-26 18:59 丫丫learning 阅读(109) 评论(0) 推荐(0) 编辑
摘要:概念 **构造函数 :**是一种特殊的函数,主要用来初始化对象 **使用场景:**常规的 {...} 语法允许创建一个对象。比如我们创建了佩奇的对象,继续创建乔治的对象还需要重新写一 遍,此时可以通过构造函数来快速创建多个类似的对象 注意 构造函数在技术上是常规函数。 它们的命名以大写字母开头。 它 阅读全文
posted @ 2022-05-26 18:25 丫丫learning 阅读(72) 评论(0) 推荐(0) 编辑
摘要:利用对象字面量创建对象 const obj = { // 成员:组成对象的成员 uname: '小明', gender : 'man', score : '100', age : 18, eat : function () { console.log('eat') }, say : function 阅读全文
posted @ 2022-05-26 18:22 丫丫learning 阅读(34) 评论(0) 推荐(0) 编辑
摘要:解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值。 数组解构 语法 数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法。 基本语法: 赋值运算符 = 左侧的 [] 用于批量声明变量,右侧数组的单元值将被赋值给左侧的变量 变量的顺序对应数组单元值的位置依次进行赋值操作 const 阅读全文
posted @ 2022-05-26 18:09 丫丫learning 阅读(99) 评论(0) 推荐(0) 编辑
摘要:#函数进阶 函数提升 函数提升与变量提升比较类似,是指函数在声明之前即可被调用。 总结: 函数提升能够使函数的声明调用更灵活 函数表达式不存在提升的现象 函数提升出现在相同作用域当中 // 函数提升 fn() function fn () { console.log(123) } // 函数表达式不 阅读全文
posted @ 2022-05-26 18:00 丫丫learning 阅读(29) 评论(0) 推荐(0) 编辑
摘要:##变量提升 变量提升是 JavaScript 中比较“奇怪”的现象,它允许在变量声明之前即被访问(仅存在于var声明变量) 变量提升流程: 先把var 变量提升到当前作用域于最前面 只提升变量声明, 不提升变量赋值 然后依次执行代码 注意: 变量没有声明即被访问时会报语法错误 Uncaught R 阅读全文
posted @ 2022-05-26 17:55 丫丫learning 阅读(82) 评论(0) 推荐(0) 编辑
摘要:概念 垃圾回收机制(Garbage Collection) 简称 GC JS中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾回收器自动回收。 正因为垃圾回收器的存在,许多人认为JS不用太关心内存管理的问题 但如果不了解JS的内存管理机制,我们同样非常容易成内存泄漏(内存无法被回收)的情况 阅读全文
posted @ 2022-05-26 17:51 丫丫learning 阅读(143) 评论(0) 推荐(0) 编辑
摘要:概念 一个函数对周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域 简单理解:闭包 = 内层函数 + 外层函数的变量,内层函数使用外层函数的变量 function f1 () { const num = 1 function f2 () { console.log(num) } f2() 阅读全文
posted @ 2022-05-26 17:49 丫丫learning 阅读(30) 评论(0) 推荐(0) 编辑
摘要:作用域(scope)规定了变量能够被访问的“范围”,离开了这个“范围”变量便不能被访问 ##局部作用域 函数作用域 在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。 总结: 函数内部声明的变量,在函数外部无法被访问 函数的参数也是函数内部的局部变量 不同函数内部声明的变量无法互相访问 函 阅读全文
posted @ 2022-05-26 17:32 丫丫learning 阅读(69) 评论(0) 推荐(0) 编辑
摘要:##介绍 概念:正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象 作用: 表单验证(匹配) 过滤敏感词(替换) 字符串中提取我们想要的部分(提取) 使用 定义/创建正则表达式 字面量创建 语法:const 变量名 = 阅读全文
posted @ 2022-05-21 08:08 丫丫learning 阅读(47) 评论(0) 推荐(0) 编辑
摘要:把数组转换为字符串 toString 作用:把数组转换为数组值(逗号分隔)的字符串 语法:数组.toString() const arr = ['小一','小二','小伞','小思','小吴'] console.log(arr.toString()) join 作用:把数组中的元素按指定符号拼接成字 阅读全文
posted @ 2022-05-21 08:03 丫丫learning 阅读(33) 评论(0) 推荐(0) 编辑
摘要:本地存储介绍 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage和localStorage约 5M 左右 本地存储分类 localStorage 作用: 可以将数据永久存储在本地(用户的电脑), 除非手动删除,否则关闭页面也会存在 特性: 可以多窗 阅读全文
posted @ 2022-05-21 08:00 丫丫learning 阅读(103) 评论(0) 推荐(0) 编辑
摘要:BOM(浏览器对象模型) BOM 概念:BOM(Browser Object Model ) 是浏览器对象模型 window对象是一个全局对象,也可以说是JavaScript中的顶级对象 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法 阅读全文
posted @ 2022-05-21 07:58 丫丫learning 阅读(95) 评论(0) 推荐(0) 编辑
摘要:DOM 节点 DOM节点 DOM树:将 HTML 文档以树状结构直观的表现出来,我们称之为文档树或 DOM 树 DOM树里每一个内容都称之为节点 节点类型 元素节点 所有的标签 比如 body、 div html 是根节点 属性节点 所有的属性 比如 href 文本节点 所有的文本(空格、换行、文字 阅读全文
posted @ 2022-05-21 07:55 丫丫learning 阅读(31) 评论(0) 推荐(0) 编辑
摘要:概念 日期对象:用来表示时间的对象 作用:可以得到当前系统时间 实例化 在代码中发现了 new 关键字时,一般将这个操作称为实例化 有 4 种方法创建新的日期对象: new Date() new Date(year, month, day, hours, minutes, seconds, mill 阅读全文
posted @ 2022-05-21 07:54 丫丫learning 阅读(155) 评论(0) 推荐(0) 编辑
摘要:##事件绑定方式一【HTML事件处理程序】 HTML事件处理程序: 将事件直接内嵌内HTML结构标签元素内的 【不推荐用,因为不灵活】 例: <input type="button" onclick="alert('我是事件绑定方式一:HTML事件处理程序,我是内嵌在HTML结构中的');" val 阅读全文
posted @ 2022-05-21 07:51 丫丫learning 阅读(1447) 评论(0) 推荐(0) 编辑
摘要:在触发DOM上的某个事件的时候,会产生一个事件对象event,而在这个对象当中会包含着所有与事件有关的信息。 eventTarget.onclick = function(event) {} eventTarget.addEventListener('click', function(event) 阅读全文
posted @ 2022-05-21 07:48 丫丫learning 阅读(44) 评论(0) 推荐(0) 编辑
摘要:获得元素宽高 属性名:clientWidth和clientHeight 使用场景:获取元素的可见部分宽高:内容 + padding(不包含边框,margin,滚动条等) 属性名:offsetWidth和offsetHeight 使用场景:获取元素的自身宽高,包含元素自身设置的宽高、padding、b 阅读全文
posted @ 2022-05-21 07:46 丫丫learning 阅读(131) 评论(0) 推荐(0) 编辑
摘要:移动端触屏事件 touchstart:当手指放到屏幕上触发。 document.addEventListener('touchstart',function() { console.log('touchstart'); }) touchmove:当手指在屏幕上滑动时,连续地触发。 document. 阅读全文
posted @ 2022-05-21 07:43 丫丫learning 阅读(129) 评论(0) 推荐(0) 编辑
摘要:事件流 ####事件流与两个阶段说明 概念 事件流:指的是事件完整执行过程中的流动路径 假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段 捕获阶段是 从父到子 冒泡阶段是从子到父 实际工作都是使用事件冒泡为主 事件捕获 概念 从DOM的根元素开始去执行对应的事件 (从外到 阅读全文
posted @ 2022-05-13 22:24 丫丫learning 阅读(53) 评论(0) 推荐(0) 编辑
摘要:事件监听 概念 事件:事件是在编程时系统内发生的动作或者发生的事情 事件监听:是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 绑定事件或者注册事件 使用 语法:元素对象.addEventListener('事件类型', 函数) 事件监听三要素: 事件源: 触发事件的元 阅读全文
posted @ 2022-05-13 22:20 丫丫learning 阅读(42) 评论(0) 推荐(0) 编辑
摘要:概念 setInterval 是 JavaScript 中内置的函数,它的作用是间隔固定的时间自动重复执行另一个函数,也叫定时器函数。 使用 开启/创建定时器 语法:setInterval(函数, 间隔时间) 函数:不加小括号,加小括号会立即执行 时间间隔:单位毫秒,1000毫秒 = 1秒 作用:每 阅读全文
posted @ 2022-05-13 22:15 丫丫learning 阅读(292) 评论(0) 推荐(0) 编辑
摘要:设置/修改DOM元素内容 元素innerText 属性 将文本内容添加/更新到任意标签位置 显示纯文本,文本中包含的标签不会被解析 <div class ="box">123</div> <div id ="box">abc</div> <script> // 获取元素 let div = docu 阅读全文
posted @ 2022-05-13 22:13 丫丫learning 阅读(167) 评论(0) 推荐(0) 编辑
摘要:DOM对象 概念: 浏览器根据html标签生成的 JS对象 所有的标签属性都可以在这个对象上面找到 修改这个对象的属性会自动映射到标签身上 DOM的核心思想 把网页内容当做对象来处理 获取DOM对象 根据CSS选择器来获取DOM元素 获取单个元素 语法: document.querySelector 阅读全文
posted @ 2022-05-13 22:10 丫丫learning 阅读(68) 评论(0) 推荐(0) 编辑
摘要:作用和分类 作用: 就是使用 JS 去操作 html 和浏览器 分类:DOM (文档对象模型)、BOM(浏览器对象模型) DOM 概念:DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API DOM(Document Objec 阅读全文
posted @ 2022-05-13 22:02 丫丫learning 阅读(14) 评论(0) 推荐(0) 编辑
摘要:变量声明有三个 var let 和 const 使用: 首先var 先排除,老派写法,问题很多,可以淘汰掉… const 语义化更好,尽量使用const 有了变量先给const,如果发现它后面是要被修改的,再改为let const const声明的值不能更改,而且const声明变量的时候需要里面进行 阅读全文
posted @ 2022-05-13 21:57 丫丫learning 阅读(43) 评论(0) 推荐(0) 编辑
摘要:JavaScript-数组 概念及声明 数组:是一种可以按顺序保存数据的数据类型 声明:let 数组名 = [数据1,数据2,...,数据n] let arr = ['pink','yellow','red'] //let arr = [] //let arr = new Array() 注意: 数 阅读全文
posted @ 2022-05-02 18:51 丫丫learning 阅读(20) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示