- 博客(27)
- 收藏
- 关注
原创 Promise异步操作
resolve----表示promise实例状态为fullfilled回调函数---表示请求成功得回调函数。reject ---表示promise实例状态为rejected回调函数 ----表示请求失败得回调函数。then方法:当实例状态为fullfilled时候执行回调函数 resolve()catch方法:当实例状态为rejected时候执行回调函数 reject()创建promise对象 new Promise(()=>{})参数:回调函数(resolve,reject)rejected 已失败。
2023-12-12 19:41:46
356
原创 API拓展
3.includes 检测数组元素是否存在数组中 存在返回true 不存在返回false。1.find 返回第一个满足条件得数组元素或者undefined 参数:回调函数。2.findIndex 返回第一个满足条件得数组元素索引或者-1 参数:回调函数。entries 获取对象属性名和属性值组成得数组。1.获取原型对象 getPrototypeOf。values 获取对象属性值组成数组。1.单独去除字符串前后空格 trim。keys 获取对象属性名组成数组。三、String原型方法拓展。
2023-12-12 19:26:46
344
原创 箭头函数以及拓展运算符
4.普通函数使用arguments保存实际参数,箭头函数不再使用arguments保存实参,rest参数保存实参。三个参数:合并对象 (o,obj1,obj2) 将后面对象进行合并合并到第一个对象中 返回第一个对象。2.assign方法 两个参数 代表的是复制对象 三个参数代表的是合并对象。两个参数 assign(目标对象,要复制的对象) 返回值返回也是目标对象。1.普通函数内部this指向全局对象,对象中方法指向调用者。3.普通函数有原型对象,箭头函数没有原型对象。1.箭头函数和普通函数区别?
2023-12-12 18:58:40
382
原创 解构赋值笔记
二、对象解构 对象解构 右侧对象中的属性要完成解构 左侧变量必须和属性同名。解构:从数组或者对象中提取值,给变量进行赋值操作就是解构。4.默认值解构 当没有与变量匹配的值默认值就生效。解构遵循就是模式匹配 等号左右两侧模式相等。
2023-12-12 18:49:51
360
原创 导出导入笔记
导入: import { firstName,lastName } from "./1-ES6模块化导出";导入: import { first,last } from "./1-ES6模块化导出";导入: console.log(obj.default.obj);3.默认导出 , 一个模块只能有一个默认导出。二、commonjs模块化导出导入。b: '我是字符串b'
2023-12-12 17:34:24
349
原创 事件类型笔记
3.reload 刷新页面 true/false true表示请求服务器资源 false请求浏览器缓存。2. replace 页面替换 将页面替换为页面 不会在浏览器产生一条历史记录。1.assign 页面跳转 并且会在浏览器产生一条历史记录。keypress 键盘持续按下事件。4. input 监听输入框事件。3. 滚动事件 scroll。keydown 键盘按下事件。keyup 键盘抬起事件。5. focus 聚焦事件。前进一个下一个历史记录页面。6. blur 失焦事件。
2023-12-12 17:20:54
351
原创 事件类型,
1.当选择输入框字符时候触发 火狐不支持2.当页面发生缩放时候触发3.滚动事件4.监听输入框值事件5. 聚焦事件6.失焦事件 blur7.鼠标事件* mouseenter 鼠标移入* mouseleave 鼠标移除* mousemove 鼠标一直移动* mouseup* click* dbclick8.键盘事件* keydown 键盘按下事件* keyup 键盘抬起事件* keypress 键盘持续按下事件9.打开一个链接 一个页面10.对话框弹框。
2023-11-13 14:52:13
26
原创 DOM操作
3.innerText 去除前后空格 中间多个空格会被解析为一个空白。* 1.textContent 保留代码格式 只能获取文本内容。*******************5.替换节点 replaceChild(替换的节点,被替换的节点)2.给元素 设置文本内容 innerHtml innerText。4.插入节点 insertBefore(要插入的节点,参考节点)* 1.深克隆指的是既克隆节点的样式,还克隆节点内容。* 2.浅克隆指的是只克隆节点的样式。document类型。
2023-11-10 15:03:00
27
原创 四种设计模型
缺点:无法区分种类创建对象都是Object的实例 方法冗余。优点:可以区分种类 可以批量创建对象 方法不冗余。3.原型模式 (不单独使用) 构造函数不做任何处理。将实例所有属性和方法全部写在原型对象中。优点:可以批量创建对象、可以区分种类。将实例私有属性和私有方法放在构造函数中。缺点:所有实例方法和属性一样。将公共方法和属性放在原型对象中。优点:可以批量创建对象。使用工厂函数批量创建对象。
2023-11-09 16:49:17
30
1
原创 字符串API
4.slice 截取字符串 start end start和end可以为负数 从start开始截取到end结束 不包括end位置。1.自动装箱 js将基本数据类型包装成特殊引用数据类型 String() Number() Boolean()2.charCodeAt 参数:index 返回值:返回索引对应的字符的字符unicode编码。indexOf(str,index) 返回第一次查找到字符的索引或者-1。3.concat做字符串拼接 参数:被拼接字符串 返回值:拼接好的字符串。9.字符串模式匹配方法。
2023-11-08 16:33:27
31
1
原创 改变函数调用方式
3.修改this指向 bind(执行环境对象);bind() 返回的是函数本身 bind(执行环境对象,实际参数列表)(实际参数列表)2.修改this指向 apply(执行环境对象,[实际参数列表])1.修改this指向 call(执行环境对象,实际参数列表)4.函数名.bind()()3.函数名.apply()2.函数名.call()
2023-11-07 15:01:18
36
原创 数组去重,数组扁平化
7.数组扁平化 [1,2,[3,4,5,[6,7,8,[9,10]]]] [1,2,3,4,5,6,7,8,9,10]思路:创建一个新的数组 判断重复数组元素是否存在新数组中 不存在直接添加到新数组。3.利用es6 flat方法进行数组扁平化 展开数组 n Infinity。检测数组元素是否存在数组中 存在返回true 不存在返回false。2.使用indexOf去重 3.使用lastIndexOf去重。6.利用set去重 set成员是唯一的。利用递归实现数组扁平化。1.双层for循环去重。
2023-11-07 14:49:41
65
原创 数组API
从头开始添加数组元素,参数:添加的数组元素, 返回值:添加后的数组长度, 修改原数组为添加元素后的数组。,可添加多个,参数:想要添加的数组元素,返回的是新数组的长度,修改原数组为增加后的数组。对数组元素进行反转,参数:无, 返回值:反转后的数组, 修改原数组为反转后的数组。拼接两个或多个数组, 参数:要拼接的数组, 返回值:拼接后的数组, 不修改原数组。从数组开始部分删除数组,返回值:被删除的第一个数组元素,修改原数组。,返回值是删除的数组元素,修改原数组为删除后的数组。参数:查找的元素,从何处开始查。
2023-11-02 14:38:59
25
原创 数据属性,读取属性,访问器属性
读取对象中一个属性特性 getOwnPropertyDescriptor(obj,'name')修改属性的默认特性:构造函数本身的方法,静态方法只能由构造函数本身调用,实例对象不能使用。读取整个对象中属性特性 getOwnPropertyDescriptors(obj):Object.defineProperty(目标对象,属性,{配置对象})访问器属性可以控制私有属性可读,可写。
2023-11-01 15:23:03
22
1
原创 原型对象。
每一个原型对象都有指针指向构造者 Object.prototype.constructor。每一个原型对象都有一个指针(constructor)指向构造者,构造函数创建实例都有一个指针(__proto__)指向原型对象。原型:每一个构造函数都有一个指针(prototype)指向原型对象,每一个实例对象都有一个指针指向原型对象 obj.__proto__该构造函数所对应的原型对象 Object.prototype。
2023-11-01 15:16:15
22
1
原创 检测属性,
1.in 检测该属性是否是对象自有属性或者继承属性 对于自身属性和继承属性返回true。hasOwnProperty 检测属性是否是对象自有属性 对于继承属性返回false。
2023-11-01 15:09:13
25
1
原创 【无标题】
1.比较相邻两项,将大的往后放,将小的往前放 交换位置。3.由于最后一个数是最大得数 不参与这一轮比较。外部总共比较多少轮 每一轮比较次数。2.每一轮比较后最大的数在最后面。
2023-10-31 16:57:12
24
1
原创 隐式转换&&类型转换
1.将引用数据类型转为基本数据类型调用toString和valueOf 哪一个方法可以转为基本数据类型调用哪一个。1.如果是字符串类型数字做运算 除了+运算之外 其他运算符都会隐式将字符串转为数字,+做拼接。如果重写了valueOf方法 引用数据类型调用valueOf方法。==相等 将数据类型全部转为number类型再进行值得比较。2.布尔值和数字进行比较,将布尔值隐式转为数字进行比较。3.布尔值和字符串进行比较 将两者转为数字进行比较。1.数字和字符串进行比较,将字符串转为数字进行比较。
2023-10-31 16:44:57
33
1
原创 初始javascript
Js是一门函数优先(函数当作变量使用)需要解析器解析执行具有原型编程(无需使用class创建对象)的一门。BOM(Browser Obejct Model)浏览器对象模型 操作浏览器的api和接口。DOM(Document Object Model)文档对象模型 操作网页的api和接口。7种:number数字类型 string(字符串类型) true/false(布尔型)子引用数据类型 Array function(){} 引用数据类型。使用var声明的变量写在函数内部就是局部变量 仅当前作用域可见。
2023-10-27 15:06:39
17
1
原创 伸缩盒/弹性盒
flex-wrap:设置父容器空间不足时候是否换行显示 默认不换行 nowrap(默认值) wrap(换行)wrap-reverse(换行反转)给元素设置个display为flex,该元素成为弹性盒,子元素也就是弹性元素永远沿着主轴方向排列,主轴方向默认为水平方向。flex-flow:flex-direction 和 flex-wrap 简写。flex:flex-grow flex-shrink flex-basis 简写。align-items 设置弹性元素在交叉轴对齐方式。
2023-10-24 15:06:27
25
原创 浮动 消除浮动 堆叠顺序
4.子绝父相 top:50% left:50% margin-left:-width/2 margin-top:-height/2。2.通过padding挤压 给父元素设置 给父元素设置border-box。2.只给父元素设置 无论z-index值多大 子元素优先级高。3.只给子元素设置 同时z-index<0 父元素优先级高。3.给父元素或者祖先元素设置定位 参照父元素或者祖先元素定位。父元素高度由子元素撑起,给子元素设置浮动,父元素发生高度塌陷。
2023-10-20 20:20:19
27
1
原创 盒子模型 浮动元素
只要元素拥有了这种属性,就成为独立的一块渲染区域,容器内的元素不会影响到容器外的元素。:一个兄弟元素设置了下外边距,另一个兄弟元素设置了上外边距,发生外边距合并现象。2.如果一个值是正数,另一个值是负数 取外边距之和。2.如果一个值是正数,另一个值是负数,取外边距之和。,不给子元素设置外边距,可以将父元素设置为border-box。给子元素设置浮动后,父元素失去了高度支撑,发生高度塌陷。1.如果两个值都是正数,取最大的外边距合并。:给子元素和父元素设置同一方向外边距就发生合并现象。2.给下方兄弟元素元素。
2023-10-19 14:21:53
32
1
原创 10.18图标&&盒子模型
可继承属性:color text- line- font- letter-spacing word-spacing。3.opacity:0 占据原先在浏览器空间 绑定js事件生效 一般会引起浏览器重绘(一个图层)4.序选择器 伪类选择器 :first-child last-child nth-child。注意:h1作为子元素时候无法继承font-size 参考自身font-size。css2以某一个属性开头 [name^='user']5.重排(回流)和重绘 *******************
2023-10-18 14:53:42
20
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人