javascript
「已注销」
这个作者很懒,什么都没留下…
展开
-
promise基本使用
文章目录创建Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()创建Promise 对象是由关键字 new 及其构造好函数创建的。该构造函数会接受一个函数(“处理器函数”)作为参数。这个处理器函数接受两个函数–resolve和reject作为其参数。当异步任务顺利完成且返回结果值时,会调用resolve函数;当异步任务原创 2022-01-22 21:43:54 · 357 阅读 · 0 评论 -
react入门学习笔记
1,新建一个HTML文件并引入react相关的js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 引入react核心库 --> <script src="./react.development.js"></script> <!-- 引入react-dom 用于react操作dom --> <scr原创 2021-08-01 00:58:32 · 105 阅读 · 0 评论 -
JavaScript学习笔记数组的from
Array.from()方法从一个类似数组或者可迭代的对象创建一个新的,浅拷贝的数组实例。语法:Array.from(arrayLike[, mapFn[, thisArg]])arrayLike:想要转换成数组的类数组对象或可迭代对象。mapFn:(可选)如果指定了该回调函数,则新数组中的每个元素都会执行该函数。thisArg:(可选)执行回调函数时,指定的this的值。返回值:一个新的数组实例。描述:Array.from() 可以通过以下方式创建新的数组1.伪数组对象:拥有一个le原创 2021-07-01 22:58:21 · 229 阅读 · 1 评论 -
javascript学习笔记数组reduceRight
reduceRight方法接受一个回调函数和一个初始值(可选),将数组中的元素(从右向左)汇总为一个返回值。语法array.reduceRight(callback(accumnlator, currentValue[, index[, array]]) {…}[, initValue])array:调用reduceRight方法的数组callback:用户操作数组中每个元素的回调函数,可以接受四个参数 accumnlator:累加器,上一次调用回调原创 2021-06-10 22:18:25 · 150 阅读 · 0 评论 -
JavaScript数组reduce
reduce方法对数组中的每个元素执行一次reduce函数,将其结果汇总为单个返回值。语法arr.reduce(callback(accumulator, currentValue[, index[, array]])[,initValue])// 参数callback:执行数组中每个值(如果没有提供initValue,则第一个值除外)的函数,包含四个参数。 accumnlator:累计器累计回调的返回值,它是上一次调用回调时累计的返回值,或initValue。 currentValue:正原创 2021-05-27 21:10:44 · 133 阅读 · 1 评论 -
JavaScript 扩展运算符(...)
数组的用法1,数组拷贝const arr = [1, 2, 3, 4];const arr2 = [...arr];arr2.push(5)console.log(arr); // [1, 2, 3, 4]console.log(arr2); // [1, 2, 3, 4, 5]2,连接多个数组在这里插入代码片原创 2021-05-18 22:01:47 · 116 阅读 · 0 评论 -
vue 计算属性VS方法和侦听器
vue的计算属性就是当其依赖的属性值发生改变的时候,这个属性值也会自动发生更新,和它相关的DOM部分也会同步发生更新。<div id="app"> <div>姓: <input type="text" v-model="firstname"></div> <div>名: <input type="text" v-model="lastname"></div> <div>姓名: {{fullname}原创 2021-05-15 22:29:50 · 97 阅读 · 0 评论 -
JavaScript 数组之includes
文章目录includes 方法用来判断数组中是否包含一个指定的值。根据情况,如果包含返回true否则返回false语法:arr.includes(value[,index])value:需要查找的元素index:(可选)从index索引处开始查找value的值,默认为0。如果为负值,则相当于从arr.length+index的索引处开始查找。返回值:如果在数组中找到了指定的值就返回true否则返回falseconst arr = ['red', 'green', 'blue', 'gray'原创 2021-05-09 21:44:06 · 1285 阅读 · 0 评论 -
JavaScript 数组之flat和flatMap
文章目录flatflatMapflatflat 方法会按照一个指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回语法:arr.flat([depth])depth:(可选)指定要提取嵌套数组的结构深度,默认值为1返回值:一个包含将数组与子数组中所有元素的新数组const arr = [1, 2, [3, 4]]arr.flat() // [1, 2, 3, 4]const arr1 = [1, 2, [3, 4, [5, 6]]]arr1.flat()原创 2021-04-21 22:13:45 · 559 阅读 · 0 评论 -
JavaScript 数组之map
文章目录mapmapmap 方法创建一个数组,其结果是该数组中每个元素调用一次回调函数的返回值语法:arr.map(function callback(currentValue[, index[, array]]) {}[, thisArg])callback:遍历数组中每个元素的回调函数,可以传入三个参数 currentValue:回调函数正在处理的数组中的当前元素 index:(可选)数组中正在处理的元素的索引 原创 2021-04-20 22:04:49 · 274 阅读 · 0 评论 -
javascript var、let和const的学习笔记
文章目录var作用域javascript中除了var可以声明一个变量外,es6又增加了let和const也可以声明变量。下面简单记录一下这三种方法的区别。var作用域因为javascript在es6之前只有全局作用域和函数作用域,所以var声明的变量只是这两种作用域1,全局作用域:在函数外声明的变量的作用域就是全局的,全局变量在javascript运行的任何地方都可以访问var name = 'huluwa' // 全局变量function myName() { console.log(n原创 2021-02-27 19:30:18 · 117 阅读 · 0 评论 -
JavaScript 数组之indexOf和lastIndexOf
搜索原创 2021-03-10 22:18:07 · 872 阅读 · 0 评论 -
JavaScript export和import学习笔记
文章目录export 和 import 是es6模块的一个功能,下面主要记录一下几种常见的用法1,导出 / 导入单个模块a.js 导出:export const username = ‘huluwa’b.js 导入:import { username } from ‘a.js’2,导出列表a.js 导出:export const username = ‘huluwa’ export const userage = 20b.js 导入:import { username, us原创 2021-03-05 21:39:18 · 174 阅读 · 0 评论 -
JavaScript 数组之find和findIndex
文章目录findfindIndexfindJavaScript 数组之find方法对数组中的元素进行查找,findIndex原创 2021-04-06 20:40:48 · 294 阅读 · 0 评论 -
JavaScript 数组之filter
文章目录filter 方法对数组中的每一个元素原创 2021-03-31 22:27:06 · 125 阅读 · 0 评论 -
JavaScript 数组之some
文章目录some 方法对数组中的每一个元素进行一次回调函数,如果有一个元素通过测试,就返回true否则返回false语法:原创 2021-03-22 11:53:57 · 181 阅读 · 0 评论 -
JavaScript 数组之every
文章目录原创 2021-03-18 17:21:45 · 4910 阅读 · 1 评论 -
JavaScript 节流和防抖
文章目录防抖节流防抖let timeout = null;/** * 防抖原理:一定时间内,只有最后一次操作,再过wait毫秒后才执行函数 * * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @return null */function debounce(func, wait = 500, immediate = false原创 2021-03-16 16:52:22 · 34 阅读 · 0 评论 -
JavaScript 数组之forEach
文章目录forEach 方法对数组中的每个元素执行一次给定的函数语法:arr.forEach(callback(currentEle[, index[, array]])[, thisArg])callback:为数组中每个元素执行的回调函数,该函数接收一到三个参数 currentEle:数组正在处理的当前元素 index:(可选)数组正在处理的当前元素的下标 array:(可选)方法正在操作的数组本身thisArg:(原创 2021-03-12 19:59:08 · 94 阅读 · 0 评论 -
JavaScript 数组之concat
concat方法用于对两个或两个以上的数组/值进行合并,返回一个新的数组,不会改变原数组。语法:array.concat(value1[,…,valueN])返回值:一个新的数组value:一个数组或值,如果省略所有的value参数则会返回调用该方法的数组的一个浅拷贝...原创 2021-02-16 20:59:22 · 265 阅读 · 0 评论 -
JavaScript 数组的常用方法之push、pop、shift、unshift
文章目录一、push二、使用步骤1.引入库2.读入数据总结一、pushpush方法是在数组的末尾添加元素,返回添加元素后数组的长度。该方法会改变原数组。语法:arr.push( element,…,elementN )返回值:添加元素后的数组的长度const array = [1,2,3]const result = array.push(4)// array [1,2,3,4]// result 4二、使用步骤1.引入库代码如下(示例):import numpy as n原创 2021-02-13 21:30:25 · 619 阅读 · 1 评论 -
JavaScript string的split使用方法
JavaScript的split方法主要是通过以指定的分隔符为边界把一个字符串分割成一个数组。通过传入第二个参数可以限制返回的数组的长度。语法:str.split( str|reg, length)str|reg:字符串或者正则表达式,从该参数处分割字符串length:该参数可指定返回的数组的长度返回值:一个数组。该数组是通过分隔符为边界把字符串分割而创建的,返回的数组中的不包括该分隔符。const str = 'hello word'str.split() // ['hello wo原创 2021-02-09 21:08:16 · 672 阅读 · 0 评论 -
JavaScript string的replace和replaceAll的基本使用方法
文章目录一、replace二、replaceAll1.引入库2.读入数据总结一、replacereplace方法可以根据传入的第一个参数对原字符串进行匹配,然后使用第二个参数对匹配到的字符进行替换,返回一个新字符串。语法:str.replace( str | reg ,str | func )第一个参数可以是字符串或正则,第二个参数可以是字符串或函数返回值:一个部分替换或者全部替换的新字符串。根据参数的类型不同,返回的结果也会有变化//第一个参数是字符串,第二个参数也是字符串。这个时候原创 2021-02-04 19:51:37 · 558 阅读 · 0 评论