javascript
文章平均质量分 91
点燃火柴
心之所向,涸池若海
展开
-
原生js实现switch开关支持一个页面同时使用多个switch开关
html结构 <div id="switch-body1" class="switch"> <input type="checkbox" name="" class="switch__input"> <span class="switch__label switch__label--left"> <span>是</span> </span> <span class="switch__原创 2020-08-13 21:51:46 · 2393 阅读 · 1 评论 -
javaScript系列教程之闭包从闭包如何产生理解闭包
闭包的形成过程 1. 外层函数中受保护的变量在内层函数使用 2. 内层函数被外层函数通过return返回 3. 使用全局变量接住被外层函数返回的内层函数 4. 使用全局变量调用返回的函数,调用结束后,由于内层函数中的变量还被接函数的全局变量引用,所以无法释放内存无法释放,闭包形成内层函数返回方式主要有三种 1. return function(){...} 2. 直接给全局变量赋值一个内部function 3. 将内部函数保存在一个对象的属性或数组元素中一次返回原创 2020-08-13 21:31:23 · 199 阅读 · 0 评论 -
localStorage 和sessionStorage的区别与用法,报错Uncaught SyntaxError: Unexpected token u in JSON at position 1
缓存数据的作用在开发有时会用到一些在页面间传递的变量,数组,对象;或者一些基本不会改变数据,而这些数据是没有必要从后端去请求,去浪费网络资源,这时就是localStorage 和sessionStorage大显身手的时候了localStorage 和sessionStorage的区别localStorage 和sessionStorage 都是Storage的子对象localstorage 上保存的数据永久存储,如果需要可以手动删除sessionStorage 上存储的数据会在浏览器关闭后被清除原创 2020-08-11 00:43:28 · 429 阅读 · 0 评论 -
javaScript系列之声明提前
声明提前JavaScript的工作原理是先编译再执行,在编译过程中,解释器会把所有声明“移动”到所在作用域的最上面,而赋值或其他逻辑会留在原地,这就是声明提前,声明提前分为变量提升和函数提升关于声明提前需要注意以下两点:1.只有function和var声明的语句,才会变量提升2.在提升过程中,函数声明将优先提升示例1,变量提升console.log(val)//undefinedvar val = 20console.log(val)//20示例1中第一行console.log(val)原创 2020-07-27 00:00:52 · 157 阅读 · 0 评论 -
javaScript如何通过实现函数重载JS模拟函数重载
JS语法不支持重载特效,但是我们可以变通一下,通过函数的arguments参数实现arguments介绍先来介绍一下argumentsarguments是每个函数中自带的,用来存放函数的所有参数的一个类数组对象先来看看它长什么样如上图:它像数组一样拥有下标,也有属性length,代表参数的个数那arguments到底是什么类型,且看下图原来arguments的类型是Object使用时注意:可以像使用数组一样通过下标获取参数值通过length属性获取参数个数它是Object类型,原创 2020-07-09 23:02:08 · 242 阅读 · 0 评论 -
javaScript系列教程之五正则表达式汇总梳理
正则表达式的两种定义方式,正则表达式的常用简写,预定义字符集(元字符),量词(限定符),选择|和分组(),指定位置开头^结尾$,字符转义说明,RegExp实例方法exec()、test(),模式匹配方法search()、match()、replace()、split()原创 2020-06-14 01:50:02 · 211 阅读 · 0 评论 -
javaScript系列教程之四Date对象常用方法汇总梳理
1.通过Date对象创建时间var date = new Date()2.获取时间的方法:getFullYear(),getMonth(),getDate(),getDay(),getHours(),getMinutes(),getSeconds(),getMilliseconds()3.设置时间的方法setFullYear(),setMonth(),setDate(),setHours(),setMinutes(),setSeconds(),setMilliseconds()4.时间的格式化方法原创 2020-06-09 23:25:41 · 1021 阅读 · 0 评论 -
javaScript系列教程三Math对象常用API汇总梳理
1. 数字取整Math.ceil()、Math.floor()、Math.round()Math.ceil()函数:向上取整,如果小数点后面的值大于0,获取的结果为整数部分加1var num1 = 5.00;var newNum1 = Math.ceil(num1);console.log(newNum1);//5var num2 = 5.05;var newNum2 = Math.ceil(num2);console.log(newNum2);//6var num3 = -5.15;原创 2020-06-08 00:00:32 · 231 阅读 · 0 评论 -
javaScript教程之JS常用字符串API汇总梳理
js常用的字符串api1.字符串拼接concat()2.字符串选取substring()、substr()、slice()3.字符串查找indexOf()、lastIndexOf()、search()、match()、exec()4.字符串替换replace()5.字符串分割为数组split()6.字符串大小写转换toLowerCase()、toUpperCase()7.获取指定位置的字符charAt()、字符编码值charCodeAt()原创 2020-06-07 18:08:53 · 1656 阅读 · 2 评论 -
javaScript系列教程一JS数组操作常用API汇总梳理
js数组处理在日常开发中占有重要的地位,因此掌握对数组的操作至关重要,本文会对数组api进行梳理方便您学习使用1. push()与pop()2.unshift()与shift()3. 转为字符串String()与join()4.拼接concat()、选取slice()5.修改splice()6.迭代方法forEach()、map()、filter()、every()、some()7.获取位置indexOf()和lastIndexOf()8.排序翻转sort()、reverse()原创 2020-06-04 22:34:14 · 504 阅读 · 0 评论 -
find()和findIndex()与indexOf()用法与区别
js数组api查找数组的方法find()与findIndex()的区别与用法详解findIndex()与indexOf()的区别与用法详解,findIndex比indexOf更强大一些,可以通过回调函数查找对象数组1.find()方法arr.find(callback)2. findIndex()方法: arr.findIndex(callback)3. indexOf()方法arr.indexOf(searchValue[, fromIndex = 0])原创 2020-05-31 00:11:19 · 8793 阅读 · 0 评论