Js
文章平均质量分 58
Js
SwJieJie
越努力,越幸运 good lucky
展开
-
数组里有children,如何获取数组中所有对象某个key对应的值,组成新的值存在数组里面
1,在实际开发中我们会遇到数组中包含chidren的数组,我们如果想要获取数组中某个指定的key对应值的组成新的key和value的时候,这时候我们改怎么简单方便的操作呢?原创 2023-03-01 16:39:28 · 1368 阅读 · 0 评论 -
js闭包简单理解
它又。原创 2023-02-23 19:07:16 · 252 阅读 · 0 评论 -
JS中的递归:对象数组里根据id获取name,对象可能有children属性
【代码】JS中的递归:对象数组里根据id获取name,对象可能有children属性。原创 2022-10-13 15:39:45 · 1483 阅读 · 1 评论 -
js通过递归实现树形数据操作
一、处理复杂数据结构转成树形数据操作案列一如下:需求分析1,根据fatherTreeCode判断是不是父级,为空是父级,然后处理成树形层级关系。2,完成树形结构后再树形数据里面添加对应的key和value值进行显示。原数据 const treeData = [ { capList: [], fatherTreeCode: "", isLeaf: "0", showSeqno: "1", treeCode: "TRE0rv",原创 2022-05-25 19:09:09 · 7348 阅读 · 1 评论 -
Js apply方法和call方法的详解
一开始看到javascript的函数apply和call方法的时候,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享… 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便和大家共同提高…主要我是要解决一下几个问题:1,apply和call的区别在哪里2, 什么情况下用apply,什么情况下用call3,apply的其他巧妙用法(一般在什么情况下可以使用apply)一、定义:apply:方法能原创 2022-03-07 11:20:14 · 1113 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
1,概述:(1)那什么叫事件委托呢?它还有一个名字叫事件代理JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大佬们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,细心揣摩这个例子还真是恰当,我就在这里借花献佛,摘过来,大家认真领会一下事件委托到底是一个什么原理:案列:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,原创 2022-03-03 18:26:23 · 228 阅读 · 0 评论 -
js的for、foreach、for in、for of之间的区别和使用
描述在JS开发工作中,遍历数组的操作可谓十分常见了,那么像for循环,forEach此类方法自然也不会陌生,我们这里详细讲解一些他们之前的一些区别和作用1,二者区别1.for循环可以使用break,return,continue跳出循环,但forEach不能,只能通过try …catch 来终止。(1)continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代.for (let i = 0; i < arr.length; i++) { if (i ==原创 2022-03-02 17:55:13 · 3335 阅读 · 0 评论 -
JavaScript中undefined 和 null 区别
大家应该都知道两个之间的区别,但是真正区分说明二者不同作用确实有点说不太清楚。下面详细讲解一些而且的不同点和相同点。1,定义null:在 JavaScript 中 null 表示 “什么都没有”。null是一个只有一个值的特殊类型。表示一个空对象引用。主动释放一个变量引用的对象,表示一个变量不再指向任何对象地址。undefined:在 JavaScript 中, undefined 是一个没有设置值的变量,同时也是所有没有赋值变量的默认值,并且是自动赋值。typeof 一个没有值的变量会返回原创 2022-02-28 17:42:35 · 7767 阅读 · 1 评论 -
JS的事件循环机制和异步任务的讲解
我们说到JS的事件循环机制同时不得不提到浏览器的事件循环机制1. 浏览器的事件循环机制1.1 事件执行的顺序(1),当事件开始时,首先会进入JS主线程机制,由于JS属于单线程机制,因此存在多个任务的时候会存在等待的情况,先等待最先进入线程的事件处理完毕(2),这样就会出现等待的情况,如果之前的事件没有执行完成,后面的事件就会一直等待(3),但是类似于AJAX和setTimeout , setInterval 等待的事件,就出现了异步处理(4),通过将异步的事件交给异步模块处理,主线程就会去并行原创 2022-02-25 15:54:13 · 1186 阅读 · 0 评论 -
JS中addEventListener的使用
使用addEventListener绑定事件:MDN中addEventListener()说明使用removeEventListener可以解绑事件:MDN中removeEventListener()说明1,我们使用addEventListener的时候,主要用来实现事件的绑定监听的 存在三个参数 target.addEventListener(type, listener, useCapture); type: 表示监听事件类型的字符串。类似于click,mouseo...原创 2022-02-25 14:24:41 · 15272 阅读 · 0 评论 -
js中关于时间和日期的处理
1,常用处理日期的方法:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从19原创 2022-01-17 15:38:05 · 804 阅读 · 0 评论 -
js 数组里面使用 reduce() 方法
概念开发中,我们经常遇到使用reduce() 方法对数组进行操作。reduce方法执行中是对每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。语法arr.reduce(callback,[initialValue])callback:执行数组中每个值 (如果没有提供 initialValue 则第一个值除外)的函数,包含四个参数:1, accumulator:累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue。2, cur原创 2022-01-13 14:46:21 · 707 阅读 · 0 评论 -
js的filter(),forEach(),map(),every(),some()、find、indexOf、join、fill、toString、flat、push、reduce等等方法
1、filter(): 返回符合条件的新数组,原数组不变。不会对空数组进行检测。语法:array.filter(function(currentValue,index,arr), thisValue)let arr = [1,2,3,4,5,6,7];let arr2 = arr.filter(item=>{return item>4});console.log(arr); // [1,2,3,4,5,6,7]console.log(arr2); // [5,6,7]2、forE原创 2021-02-22 13:45:54 · 286 阅读 · 0 评论 -
jq的tab点击切换,悬停切换,延迟切换
1,使用js获取兄弟节点移除添加来实现tab切换功能<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab选项卡点击切换,悬停切换,延迟切换</title> <script type="text/javascript" src="js/jquery-2.1.0.js" ></script> <style>原创 2021-02-22 13:26:11 · 432 阅读 · 0 评论 -
js的String对象方法使用
1、toLowerCase(): 把字符串转为小写,返回新的字符串。var str="Hello World";var str1=str.toLowerCase();console.log(str); //Hello Worldconsole.log(str1); //hello world2、toUpperCase(): 把字符串转为大写,返回新的字符串。var str="hello world";var str1=str.toUpperCase();console.log(str);原创 2021-02-22 11:43:54 · 193 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()转换
JSON字符串:var str=’{“name”:”anne”,”sex”:”women”}’;JSON对象:var str2={“name”:”anne”,”sex”:”women”};等价于 var str2={name:”anne”,sex:”women”};1,JSON.parse(): JSON字符串转换为JSON对象。var obj=JSON.parse(str);结果为: {name:”anne”,sex:”women”}可以这样读取:alert(obj.name);a原创 2021-02-22 11:08:43 · 237 阅读 · 0 评论 -
JS获取父节点、子节点、兄弟节点
1、访问父节点parentNode : Node 类型,返回指定节点的父节点,如果指定节点没有父节点,则返回 null<div id="box"> <p id="hello">hello world!</p></div><script> var hello=document.getElementById("hello"); console.log(hello.parentNode.nodeName); //DIV</scr原创 2021-02-22 11:05:07 · 9129 阅读 · 0 评论 -
jq里面使用before()方法和after()方法
before()和after()都有添加的意思,不过一个是添加在被选元素之前,一个是被选元素之后。before()方法在被选元素之前插入指定内容。after()方法在被选元素之后插入指定内容。案例:1,这是HTML代码所示<p>这是一个段落</p><button id="btn1">before</button><button id="btn2">after</button>2,这是jq代码所示$("#btn1").原创 2021-02-22 10:50:10 · 1826 阅读 · 0 评论 -
js修改数组对象的Key和指定的值
1,修改数组对象的Key /**/ var Arrydata = [{name:'Lily',age:18},{name:'BKqq',age:22}] //旧key到新key的映射 var keyMap = { // id: "value", name: "label", age: "value" }; for (var i = 0; i < Arrydata.length; i++) { var obj =原创 2020-05-09 14:50:42 · 13420 阅读 · 2 评论 -
element-UI中监听el-select下拉框可搜索时候,filter-method自定义搜索方法
el-select中加入filterable属性,就开启了搜索功能,然后我们用:filter-method="dataFilter"可以自定义一个搜索筛选条件,在这里来写我们自己的逻辑代码。监听输入框里面输入文字后,自动调用后台接口获取下拉框的数据<template> <section class="p-10"> <el-select clearable v-model="value" placeholder="请选择" filterable :filter-m原创 2020-05-09 14:19:00 · 9871 阅读 · 9 评论 -
js 定时器 执行一次和重复执行
js 定时器 执行一次和重复执行1- 执行一次(延时定时器)var t1 = window.setTimeout(function() { console.log(‘1秒钟之后执行了’) window.clearTimeout(t1) // 去除定时器},1000)2- 重复执行(间歇定时器)var t2 = window.setInterval(function() { con...原创 2020-05-08 17:04:43 · 1286 阅读 · 0 评论 -
js中concat() 数组合并
js中concat() 数组合并var arr = [1,2,3]var arr2 = [4,5,6]var nowArr = arr.concat(arr2)console.log(nowArr) // [1,2,3,4,5,6]原创 2020-04-17 15:24:46 · 1118 阅读 · 0 评论 -
js中数组操作
reverse() 数组的翻转,只能对数组进行翻转var arr = [1,2,3,4,5]var newArr = arr.reverse()console.log(newArr) // [5,4,3,2,1]sort() 数组的排序var arr = [2,4,3,1,8,5]arr.sort(function(a,b) { return a - b})console.l...原创 2020-04-17 15:20:53 · 891 阅读 · 0 评论 -
apk文件怎么安装到安卓机
apk文件怎么安装到安卓机手机通过数据线或无线设备连接到电脑中找到apk文件,右键选择发送到手机手机会显示安装,点击安装即可原创 2020-04-17 15:12:02 · 2798 阅读 · 2 评论 -
js 判断当前手机是安卓还是苹果
js 判断当前手机是安卓还是苹果var u = navigator.userAgent, app = navigator.appVersion;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //gvar isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Ma...原创 2020-04-17 11:50:58 · 1743 阅读 · 1 评论 -
js中while循环
js中while循环while(条件表达式) {当条件表达式正确的时候,该处代码会一直执行,当条件表达式结果为fase的时候,该处代码停止执行}var i = 1; while(i < 5) { console.log(i) i++}...原创 2020-04-17 11:49:45 · 2178 阅读 · 0 评论 -
js中for循环
js中for循环for(var i = 0; i < 10;i++) { console.log(i)}原创 2020-04-17 11:45:36 · 581 阅读 · 0 评论 -
js中switch语句
js中switch语句var fruit = prompt('请输入水果')switch(fruit) { case '苹果': alert('您喜欢吃苹果') break; case '香蕉': alert('您喜欢吃香蕉') break; default: alert('重口味了')}...原创 2020-04-17 11:43:59 · 727 阅读 · 0 评论