JS
文章平均质量分 65
JS
.ToString()°
这个作者很懒,什么都没留下…
展开
-
JS 比较两个数组差异的方法
JS 比较两个数组差异的方法在开发过程中,我们有时需要对两个的数组进行差异的比较,并将差异变成一个新的数组,我们可以使用简单的方法实现。差异比较方法:const getArrDifference = (arr1, arr2) => { return arr1.concat(arr2).filter((v, i, arr) => { return arr.indexOf(v) === arr.lastIndexOf(v); })}演示示例:const getArrDi原创 2022-05-16 15:34:44 · 9675 阅读 · 4 评论 -
node修改版本
node如何回退版本我们在日常开发中有可能经常会碰到项目所需要的node版本往往不是新的,我们就需要修改我们的全局node的版本来适配项目。这里我使用gnvmgnvm的github地址由于另外两个由于网速问题,这里推荐使用百度网盘下载,其实就是一个gnvm.exe文件下载完成后,放到node目录中在cmd中输入gnvm version ,出现以下结果代表系统能够识别了安装想要版本的node,这里我举例为14.17.4,命令为: gnvm install 14.17.4这原创 2022-04-06 21:32:00 · 1572 阅读 · 1 评论 -
闭包的简单认识
闭包的简单认识闭包的定义一个函数和对其周围环境(词法环境)的引用绑定在一起(或者说函数被引用包围),这样的组合就是闭包。也就是说,闭包可以让你在一个内层函数中访问到其外层函数的作用域。在js中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。// 简单的闭包,在函数中return中返回一个函数并调用function makeFunc(){ let name = "Tom"; return () => { alert(name); }}let myF原创 2022-04-06 09:00:00 · 284 阅读 · 0 评论 -
JavaScript中的toLocaleString()方法你知道吗?
JavaScript中的totoLocaleString()方法你知道吗?前言在看到一个需求(面试题),如果将一串数字每隔三位利用’,'进行分隔,也就是我们所说的数字千分位格式。在我想如何实现的时候,totoLocaleString()这个函数进入了我的视野,它能轻松的将一串数字轻松转成千分位格式。但这个函数实在是陌生,我就去了解了一下,却发现了这个函数神奇的用途,下面就简单总结一下简单介绍totoLocaleString()方法是用于返回格式化对象后的字符串,该字符串格式因语言不同返回值也会不同(原创 2022-02-16 21:00:00 · 2867 阅读 · 0 评论 -
JavaScript中回调函数(callback)的简单介绍
JavaScript中回调函数(callback)的简单介绍什么是回调函数(callback)?被作为实参传入另一个函数,并在该外部函数内被调用,用来完成某些任务的函数,称为回调函数。也就是说回调函数是一个函数,作为参数传给另一个JavaScript函数,回调函数将会在这个函数执行完成后立即执行。回调函数是在传给的函数内部被调用执行的。为什么要用到回调函数呢,它的好处在哪里?正如上面对于回调函数的介绍那样所说的,如果当有很多地方需要调用同一个函数,并且这一函数根据不同的需要,作不同的处理,这个时候用原创 2022-02-15 21:32:48 · 8639 阅读 · 0 评论 -
JavaScript中call()、apply()、bind()的用法
JavaScript中call()、apply()、bind()的用法三个比较和用法介绍call()、apply()、bind()三者目的都是用来改变this的指向,但用法有一些不同call()语法:call(thisObj,arg1,arg2,...,argN)参数:thisObj:this要指向的对象,arg1,arg2,...,argN:参数列表,参数可以是任意类型,当thisObj为null、undefined的时候,默认指向window注意:会立即执行函数apply()语法:原创 2022-02-15 21:21:26 · 371 阅读 · 0 评论 -
万字总结JavaScript 中Array对象身上的方法
JavaScript Array方法我觉得平时对数组的加工操作可能要比字符串更加频繁,而且操作的逻辑复杂程度也是存在不确定性。Array对象身上的方法有很多,其实常用的也就几个,我们需要牢记这些常用的方法。废话不多说,下面在进入正题前,声明一下:本人前端菜????,文采水平有限,还望指正。1. concat():连接两个或更多的数组,并返回结果语法:array1.concat(array2,array3,...,arrayN)参数: 该参数可以是具体的值,也可以是数组对象。可以是任意多个返回值:原创 2022-02-06 12:28:34 · 744 阅读 · 0 评论 -
JavaScript String 对象身上的方法你都记住了几个?【建议保存,适合前端入门的人在工作的时候方便查找】
JavaScript String 方法js中常见的对字符串操作的方法有很多,常用的其实就那几个。我们只需要牢记几个常用的就可以了,对于不常用的,我们可以去网上查或者收藏我的博客(手动????)。废话不多说,下面在进入正题前,声明一下:本人前端菜????,文采水平有限,还望指正。简单介绍一下String 对象String对象:用于处理文本(字符串)创建方法: let txt1 = new String(); // 简单方式: let txt = 'string';String 对象属性:原创 2022-01-28 23:15:36 · 1376 阅读 · 0 评论 -
富文本编辑器之wangEditor
富文本编辑器之wangEditor在公司做项目时,遇到了需要富文本编辑器能够上传图片到服务器,上网找了一些,发现了一个国内开源的富文本编辑器----wangEditor,由于是国内的,文档介绍比较清楚,个人认为上手起来也很方便。如果工作上你有类似需求,不妨可以去官网看看,官网地址由于现在做的项目前端用的是React,这个编辑器完全支持React ,同时也支持Vue。官网所说:快速接入,配置简单,几行代码即可生成。集成了所有常见功能,无需二次开发。在 Vue React 也可以快速接入。我是参看该编译器原创 2022-01-24 21:50:52 · 778 阅读 · 0 评论 -
JS中filter()和reduce()方法介绍
JS中filter()和reduce()方法介绍filter()filter()方法是ES6的新语法,和forEach,map类似。filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter() 不会对空数组进行检测。filter不会改变原始数组。语法:array.filter(function(currentValue,index,arr),thisValue)参数:回调函数function(currentValue,index,ar原创 2022-01-20 12:00:00 · 842 阅读 · 0 评论 -
JS中的forEach()和map()方法介绍
JS中的forEach()和map()方法介绍forEach()forEach 是ES5扩展的语法,可以使用它遍历数组,对象。forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。注意:forEach()对于空数组是不会执行回调函数的,并且它不会改变原数组语法:array.forEach(function(currentValue,index,arr),thisValue)参数 :回调函数function(currentValue,index,arr) 必需,数组中每个元素需原创 2022-01-19 21:43:16 · 774 阅读 · 0 评论 -
简单探讨event.target和event.currentTarget的区别
简单探讨event.target和event.currentTarget的区别对于Dom对象的事件的认识,可能我们最熟悉的就是给一个按钮绑定一个点击事件,如果想要获取该按钮的一些事件属性,我们无疑会给回调函数传递一个event事件对象。在这个事件对象中,event.target和event.currentTarget同样都能获取该Dom对象,但是具体还是有一些不同。1. 对比getElementsByTagName()、getElementById()、getElementsByClassName()获原创 2021-12-27 00:15:00 · 309 阅读 · 0 评论 -
用最简单的例子,带你理解var、let、const以及var中的变量提升
用最简单的例子,带你理解var、let、const以及var中的变量提升var 的变量提升机制当我们在全局作用域或者块级(局部,函数)作用域中利用var关键字声明变量时,这个变量都会被提升到此时作用域的最顶端,这就是我们在谈到var时最经常说的变量提升。下面我们看个例子:const person = (status) => { if(status){ var name = '前端攻城狮'; }else{ console.log(name);原创 2021-12-13 07:00:00 · 593 阅读 · 0 评论 -
JS中数组去重的方式
JS中数组去重的方式方式一:Set(ES6)let arr = [1,2,2,3,3,4,5,2];const unique = arr => [...new Set(arr)];console.log(unique(arr));// [ 1, 2, 3, 4, 5 ]方式二:reducelet arr = [1,2,2,3,3,4,5,2];const unique = (arr) =>{ return arr.sort().reduce((acc,cur) =>原创 2021-12-08 23:25:32 · 512 阅读 · 0 评论 -
使用flat()方法实现数组扁平化和手写数组扁平化函数
使用flat()方法实现数组扁平化和手写数组扁平化函数flat()方法flat()方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回,对原数据没有影响。下面为flat方法使用的案例:const testArr=["a",["b","c"],["d",["e",["f"]]],"g"];//flat不传参时,默认扁平化一层console.log(testArr.flat());// [ 'a', 'b', 'c', 'd', [ 'e', [ 'f'原创 2021-12-07 22:20:20 · 606 阅读 · 0 评论