js学习
文章平均质量分 65
js
m0_57199856
这个作者很懒,什么都没留下…
展开
-
学习笔记十防抖节流
防抖与节流1. 防抖就是用户多次触发事件 但是只执行最后的一次2. 设置debounce函数 返回一个函数 利用闭包的思想 在外层函数设置定时器id 内层函数设置定时器 在最开始清除定时器 然后一定时间间隔执行事件 return的函数的this和event是要执行函数的 所以在外面设置变量 交给定时器内部的函调函数 改变event和this let btn = document.getElementById('btn'); function debounce(fun, dela原创 2022-05-18 20:57:45 · 93 阅读 · 0 评论 -
学习笔记九超时重传
promise超时重传1. 设置一个promise函数 用settimeout控制重传的过程2. 设置一个promise 函数 用try’包裹 执行fun 成功直接输出 失败catch 一次失败 没有times就全失败 catch这个错误function fun() {//封装请求执行的过程 用演示器所以用promise let n = Math.random(); return new Promise((resolve, reject) => { setTime原创 2022-05-18 20:54:39 · 230 阅读 · 0 评论 -
学习笔记八原型与原型链
原型函数的prototype属性每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象)console.log(Date.prototype, typeof Date.prototype)function Fun () { }console.log(Fun.prototype) // 默认指向一个Object空对象(没有我们的属性)date函数是定义好的 里面有很多方法 这些方法就在prototype中而fun函数是我们自己定义的 此时fu原创 2022-05-18 20:52:11 · 80 阅读 · 0 评论 -
学习笔记七DOM
DOM对CSS的操作读取和修改内联样式1. 使用style属性来操作元素的内联样式 - 读取内联样式: 语法:元素.style.样式名 - 例子: 元素.style.width 元素.style.height - 注意:如果样式名中带有-,则需要将样式名修改为驼峰命名法 将-去掉,然后-后的字母改大写 - 比如:background-color --> backgroundColor border-width ---> borderWidt原创 2022-05-18 20:49:09 · 73 阅读 · 0 评论 -
学习笔记六flex
文章目录flex弹性盒弹性容器弹性容器的属性注意!!!==6. 居中!!!==关于 align-items和align-content1. align-items2. align-content弹性元素弹性元素的属性flex的实例当用于移动端时,需要适配屏幕大小flex弹性盒代替浮动当想要成一排排列时 用flex要使用弹性盒必须先设置弹性容器弹性容器display:flex;display:inline-flex;行内弹性容器弹性容器的属性写在弹性容器里 和display在一起1.原创 2022-05-18 20:46:51 · 87 阅读 · 0 评论 -
学习笔记五transform
文章目录变形transform1. 平移网页的视距2. 旋转ransform:3.缩放4.变形的原点实例1实例2 旋转的立方体总结变形transform通过css改变元素的形状和位置不会影响页面布局 只动它自己1. 平移1. translateX(100px);沿着x轴平移100px > 数值可以是百分数 相当于它自己原本的位置2. translateY();沿着y轴平移3. translateZ();沿着z轴平移 > 数值越大 离我们越近属于立体效果 若要原创 2022-05-15 01:17:32 · 223 阅读 · 0 评论 -
学习笔记一对象扩展
文章目录属性的简洁表示法应用场景对象的属性名可以用['表达式']对象的方法Symbol属性的简洁表示法应用场景1 属性名和属性值相同2 返回一个对象 实现传递形参功能return3 在对象里放两个函数 形式更易懂例如 属性名和变量相同 用变量来代表对象中的属性值方法也可以简写const name = '张三';const age = 19;const person = { name, //等同于name:name age, // 方法也可以简写 sayN原创 2022-05-15 01:14:38 · 77 阅读 · 0 评论 -
学习笔记四promise
文章目录1.Promise 的状态2. Promise对象的值catch来代替.then中的第二个函数3. promise的方法Promise.resolve 方法:Promise.resolve(value)Promise.reject 方法:Promise.reject(reason)Promise.all 方法:Promise.all(iterable)Promise.race方法:Promise.race(iterable)Promise 的几个关键问题1. 如何改变 promise 的状态?2.原创 2022-05-15 00:55:08 · 157 阅读 · 0 评论 -
学习笔记三解构赋值
文章目录解构赋值数组解构数组解构嵌套对象解构用剩余运算符对对象解构对象默认值解构赋值解构赋值是对赋值运算符的一种扩展。它通常针对数组和对象进行操作。作用:从一个大数据里提取它其中的一部分优点:代码书写简洁且易读性高注意:一般用于数组给数组赋值 对象给对象赋值(两边结构必须一样)赋值和结构必须同时进行let {a,b};{a,b}={a:12,b:13};这样会直接报错数组解构在以前,为变量赋值,只能直接指定值let a = 1;let b = 2;let c = 3;ES原创 2022-05-15 01:03:30 · 372 阅读 · 0 评论