JavaScript
JavaScript笔记
万能螺丝刀1
WEB前端开发
展开
-
JS事件循环 - 宏任务 微任务
微任务由js引擎发起, 比如promise,promise本身是同步的, .then .catch的回调函数是异步的。宏任务是由宿主(浏览器、node)发起, 比如setTimeout。执行流程是:同步任务 - 微任务 - 宏任务。js的任务分为同步任务和异步任务。异步任务又分为宏任务和微任务。原创 2023-04-17 23:56:13 · 176 阅读 · 1 评论 -
vue-router
vue-router原创 2022-09-07 10:37:45 · 281 阅读 · 0 评论 -
JavaScript includes()方法
JavaScript includes() 方法属于JavaScript String对象方法实例// 查找字符串是否包含"world"var str = "Hello world, welcome to the Runoob."var n = str.includes("world"); // => true定义和用法includes()方法用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回true,否则返回false。注意:includes()方法区分大小写。语原创 2022-04-13 15:44:41 · 1533 阅读 · 1 评论 -
JavaScript原型和原型链详解
一、原型①所有 引用类型 都有一个 __proto__(隐式原型)属性,属性值是一个普通的对象②所有 函数 都有一个 prototype(原型)属性,属性值是一个普通的对象③所有 引用类型的 __proto__ 属性 指向 它的 构造函数的prototypevar a = [1,2,3]a.__proto__ === Array.prototype; // => true二、原型链当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的 __pro原创 2021-11-02 16:42:07 · 2266 阅读 · 2 评论 -
web前端 HTML CSS JavaScript Vue Http
HTML语义化、盒模型、浮动、样式优先级、CSS尺寸单位、BFC、Vue双向绑定原理、Vue-Router、Vuex...原创 2021-10-19 21:47:02 · 2831 阅读 · 2 评论 -
JavaScript ceil()方法
定义和用法语法Match.ceil(x)参数描述x必须。必须是一个数值返回值大于等于 x,并且与它最接近的整数。说明ceil()方法执行的是向上取整计算,它返回的是大于或等于函数参数,并且与之最接近的整数。实例Math.ceil(0.60) // => 1Math.ceil(0.40) // => 1Math.ceil(5) // => 5Math.ceil(5.1) // => 6Math.ceil(5.9) // =>原创 2021-07-27 10:05:31 · 815 阅读 · 0 评论 -
JavaScript String.indexOf() 方法
String.indexOf()搜索一个字符串概要string.indexOf(substring)string.indexOf(substring, start)参数substring要在string中搜索的子串。start一个可选的整数参数,指定该次搜索在字符串string中的开始位置。合法的值为0(字符串中的第一个字符的位置)到string.length-1(字符串中最后一个字符的位置)。如果省略了这个参数,则搜索将从字符串的第一个字符开始。返回在字符串string原创 2021-07-14 16:22:20 · 4164 阅读 · 0 评论 -
JavaScript String.slice() 方法
String.slice()提取一个子串概要string.slice(start, end)参数start切片开始的字符串索引。如果为负,则将从该字符串的尾部开始计算。也就是说,-1表示最后一个字符,-2表示倒数第二个字符,以此类推。end紧跟着切片结尾的字符串索引。如果不指定,则切片将包括从start到当前字符串结尾的所有字符。如果这个参数是负的,则从字符串的尾部开始计算。返回一个新的字符串,内容为string中自start位置开始并且包含start位置,直到但不包含en原创 2021-07-13 09:37:56 · 1229 阅读 · 0 评论 -
JavaScript String.substring() 方法
String.substring()返回字符串的一个子串概要 string.substring(from, to)参数from 一个非负整数,指定要提取的子串的第一个字符在string中的位置。to原创 2021-07-12 09:23:04 · 985 阅读 · 0 评论 -
JavaScript 字符串的使用 String对象常用属性和方法
JavaScript的内置功能之一就是字符串连接。如果将加号(+)运算符用于数字,表示两数相加。当将它作用于字符串,则表示字符串连接,将第二个字符串拼接在第一个之后,例如:msg = "Hello, " + "world"; // 生成字符串 "Hello, world"greeting = "Welcome to my blog," + " " + name;要确定一个字符串的长度——其所包含的16位值的个数——可以使用字符串的length属性。比如,要得到字符串s的长度:s.length除原创 2021-07-08 18:14:59 · 854 阅读 · 0 评论 -
JavaScript String.charAt() 方法
String.charAt()取得一个字符串中第 “n” 个字符概要 String.charAt(n)参数n 希望返回的字符在字符串string中的索引返回字符串string的第n个字符描述String.charAt()返回字符串string中的第n个字原创 2021-07-08 17:59:50 · 2349 阅读 · 0 评论 -
JavaScript-JS数组方法之Array.filter()
filter()方法返回的数组元素是调用的数组的一个子集。传递的函数是用来逻辑判定的:该函数返回true或false。调用判定函数就像调用forEach()和map()一样。如果返回值为true或能转化为true的值,那么传递给判定函数的元素就是就是这个子集的成员,它将被添加到一个作为返回值的数组中。例如:a = [5, 4, 3, 2, 1];smallvalues = a.flter(function(x) { return x < 3 }); // [2, 1]everyother = a原创 2021-07-08 09:37:04 · 650 阅读 · 0 评论 -
ES6 - 对象扩展 - Object.assign
基本用法Object.assign()方法用于将源对象(source)的所有可枚举属性复制到目标对象(target)。var target = { a: 1 };var source1 = { b: 2 };var source2 = { c: 3 };Object.assign(target, source1, source2)target // { a:1, b:2, c:3 }Object.assign方法的第一个参数是目标对象,后面的参数都是源对象。...原创 2021-07-07 16:43:25 · 115 阅读 · 0 评论 -
类型、值和变量 - 类型转换 - 显式类型转换
尽管JavaScript可以自动做许多类型转换,但有时仍需要做显式转换,或者为了使代码变得清晰易读而做显式转换。做显式类型转换最简单的方法就是使用Boolean()、Number()、String()或Object()函数。当不通过new运算符调用这些函数时,他们会作为类型转换函数并按照下表所描述的规则做类型转换:值转换为字符串转换为数字转换为布尔值转换为对象undefined“undefined”NaNfalsethrows TypeErrornull“nul原创 2021-07-06 16:35:52 · 197 阅读 · 0 评论 -
JavaScript-JS数组方法之Array.slice()
Array.slice()方法返回指定数组的一个片段或子数组。它的两个参数分别指定了片段的开始和结束的位置。返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定的位置之间的所有数组元素。如果只指定一个参数,返回的数组将包含从开始位置到数组结尾的所有元素。例如,参数-1指定了最后一个元素,而-3指定了倒数第三个元素。注意,slice()不会修改调用的数组。下面有一些示例:var a = [1,2,3,4,5];a.slice(0,3); // 返回[1,2,3]a.slice(3); // 返原创 2021-06-29 18:35:20 · 654 阅读 · 0 评论 -
JavaScript-JS数组方法之Array.concat()
Array.concat()方法创建并返回一个新数组,它的元素包括调用concat()的原始数组的元素和concat()的每个参数。如果这些数组中的任何一个自身是数组,则连接的是数组的元素,而非数组本身。但要注意,concat()不会递归扁平化数组的数组。concat()也不会修改调用的数组。下面有一些示例:var a = [1,2,3];a.concat(4, 5); // 返回[1,2,3,4,5]a.concat([4,5]); // 返回[1,2,3,4,5]原创 2021-06-11 11:18:59 · 1315 阅读 · 13 评论 -
JavaScript-JS数组方法之Array.sort()
Array.sort()方法将数组中的元素排序并返回排序后的数组。当不带参数调用sort()时,数组元素以字母表顺序排序(如有必要将临时转化为字符串进行比较):var a = new Array("banana", "cherry", "apple");a.sort()var s = a.join(","); // s == "apple,banana,cherry"如果数组包含undefined元素,它们会被排到数组的尾部。为了按照其他方式而非字母表顺序进行数组排序,必须给sort()方法传递原创 2021-06-10 17:55:23 · 5767 阅读 · 5 评论 -
JavaScript-JS判断一个整数是偶数还是奇数
let num = prompt("请输入一个整数");if (num % 2 === 0){ console.log("这个数是偶数");} else if (num % 2 === 1){ console.log("这个数是奇数");}原创 2021-06-08 16:55:37 · 3512 阅读 · 1 评论 -
JavaScript-JS数组方法之Array.reverse()
Array.reverse()方法将数组中的元素颠倒顺序,返回逆序的数组。它采取了替换;换句话说,它不通过重新排列的元素创建新的数组,而是在原先的数组中重新排列它们。例如,下面的代码使用reverse()和join()方法生成字符串“3,2,1”:var a = [1,2,3];a.reverse().join() // ⇒ "3,2,1",并且现在的a是[3,2,1]...原创 2021-06-03 17:14:53 · 1048 阅读 · 1 评论 -
JavaScript-JS数组方法之Array.join()
Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串。可以指定一个可选的字符串在生成的字符串中来分割数组的各个元素。如果不指定分隔符,默认使用逗号。如一下代码所示:var a = [1, 2, 3]; // 创建一个包含三个元素的数组a.join(); // => "1,2,3"a.join(); // => "1 2 3"a.join(); // => "原创 2021-06-03 11:01:50 · 1317 阅读 · 0 评论 -
JavaScript-JS数组方法有哪些
join()reveres()sort()concat()slice()splice()push()和pop()unshit()和shit()toString和toLocaleString()forEach()map()filter()every和some()reduce()和reduceRight()原创 2021-06-03 10:46:07 · 971 阅读 · 17 评论 -
JavaScript-JS数据类型
数字字符串布尔值nullundefined对象原创 2021-06-03 10:00:48 · 147 阅读 · 0 评论