IU

鼠标移入的时候判断，此处使用了tailwindcss，注意一下要设置文本不换行。

正在实现一个基于后台低代码配置的应用，记录一下字符串表达式在项目用的转换与使用。

在JavaScript中，数组是一种常用的数据结构，用于储存和操作一组相关的数据。JavaScript提供了一系列操作数组的API，使得对于数组的操作更加灵活和便捷。本文将介绍一些常用的数组API，帮助前端开发人员更好的理解和应用JavaScript数组。

上述代码中，reduce()方法接受两个参数：一个累加器函数和初始值。累加器函数用于将每个元素的prop属性值累加到总和中。初始值设为0，以便在累加过程中正确处理空数组的情况。若要获取数组中某个属性的和，可以使用Array.prototype.reduce()方法来实现。执行完上述代码后，sum变量将包含数组中所有元素的prop属性的总和。

catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。

数组按照某个元素的属性进行分组

【代码】vue3封装cookie。

经过排查，锁定了在computed中调用了两个递归

反序列化是进行大量数据操作时候经常用到的知识点，因此做此记录，以期复用。

实例 判断 obj 中是否含有 a 属性obj.a !== undefinedtrue 存在false 不存在

eq: 设置 只接受.zip文件注： 以下为vue 3的语法

【代码】javaScript数组对象去重。

【代码】javaScript扁平化树结构。

vue3 自定义图片上传

JS中日期格式转换。

Vue3使用JS控制切换图片、菜单、tab专用。

纯javascript实现深拷贝函数,可能不能100%适配所有场景，有相关逻辑错误欢迎指出。

iframe获取父级域名做对应的判断

javascript算法题

javascript&&vue删除对象中的属性.

JSON.PARSE相关

两个数组对比，过滤掉某一数组中所有的元素例如：user1 = [‘张三’,‘李四’]user2=[‘张三’]需要获得[‘李四’]实现代码 let user = [] user = user1.filter((item: any) => { return !user2.some((ele: any) => item=== ele) })...

完成 sleep 函数，可以达到下面的效果原题const sleep = (duration) => { // TODO}const anyFunc = async () => { console.log("123") // 输出 123 await sleep(300) // 暂停 300 毫秒 console.log("456") // 输出 456，但是距离上面输出的 123 时间上相隔了 300 毫秒}实现const sleep = duration.

因为树形组件的原因导致点击的时候会拿到所有节点，需求上只需要拿到最后一个，所以写了这个递归函数，有点粗糙，未经改进，命名需要自己调整。数据const treeData = [ { title: 'Trunk 0-0', key: '0-0', children: [ { title: 'Branch 0-0-0', key: '0-0-0', disabled: true, children: [

目录debounce - 函数防抖、函数去抖动throttle - 函数节流debounce - 函数防抖、函数去抖动在一定时间间隔内没有进行操作，才触发请求（动作）最经典的案例：        1.监听input框的输入接下来模拟一个使用防抖监听input的函数// 实现一个防抖函数// 防抖：只能间隔一定的时间才能执行// *模拟一个监听input：let timer = nullfunction

function RMB(str){ let arr = str.split('').reverse(); let res = []; for(let i=0,len=arr.length;i<len;i++){ res.push(arr[i]); if((i+1)%3==0){ res.push(','); ..

function sumFind(arr,num){ let differ = {}; for(let i=0,len=arr.length;i<len;i++){ r = num - arr[i]; if(differ[r]){ console.log(true) }else{ .

// 删除相邻相同的字符串 let str = 'aabbcc'; let res = '', code; for(let i=0,len=str.length;i<len;i++){ if(str.charAt(i)!=code){ code = str[i]; res+=code; } } .

// 统计出现次数最多的字符 let str = 'afjghdfraaaasdenas'; // 定义一个对象 储存对应的字符串出现的次数 let obj = {} for(let i=0;i<str.length;i++){ if(obj[str[i]]){ obj[str[i]]++ }else{ obj[str[i]]

前言在日常使用中，说到for循环脑海中会冒出几种方法。但是如果要察觉它们之中的区别，就需要对这几种for循环进行一个系统性的实践性的总结。在ES5中有三种循环 分别是 for , for…in , forEach在ES6中新增了 for…offor循环常见写法const arr = [1, 2, 3];for(let i = 0; i　< arr.length; i++) { console.log(arr[i]);}如果数组长度在循环过程中不会改变，将数组长度用变量存

几种继承方式原型链继承原型链继承核心思想：将父类的实例作为子类的原型// 父类 function Animal(name){ this.name = name; this.sleep = function(){ console.log(this.name + '正在睡觉！'); } } // 子类 function Cat(name)

1.使用indexOf判断删除 // 字符串中删除重复的字符 let str = 'iuuiiuuu'; // 思路 let res = ''; for(let i=0;i<str.length;i++){ console.log(str[i]); if(res.indexOf(str[i])>-1){ console.log('存在')

递归(recursion)递归，就是在运行的过程中调用自己。 // 用js递归的方式写1到100求和？ function sum(num1, num2) { //1,100 let num = num1 + num2; if (num2+1 > 100) { return num } else { return sum(num, num2 +

什么是节流（throttle）当持续触发事件时，保证一定时间段内只调用一次事件处理函数。节流通俗解释就比如我们水龙头放水，阀门一打开，水哗哗的往下流，秉着勤俭节约的优良传统美德，我们要把水龙头关小点，最好是如我们心意按照一定规律在某个时间间隔内一滴一滴的往下滴。 <button class="test" onclick="show()">点击</button> // 节流 let timer = 0; //标识 function show() { if (

[]定义匹配的范围 var str="google\nrunoob\ntaobao"; var n2=str.match(/[a-g]/s); // 使用 s，匹配\n 输出 g 匹配a-g的范围

bind函数的实现 Function.prototype.myBind = function(){ let self = this; let arg = Array.prototype.slice.call(arguments); let thisValue = arg.shift(); let args = Array.prototype.slice.call(arguments,1); return function(){ return self.apply(th

 静态页面实现      HTML：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;右键菜单实现&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="index.css"&gt;&lt;

在javascript中对对象属性的调用一般有两种方法1. 对象.属性名2. 使用 [] 中进行调用测试用例1.使用 对象.属性名的方法//因为使用奇怪的属性名 我们将对象定义为x (未知) let x = { 1:'这是1', name:'x' }console.log(x.1) //报错console.log(x.'1') //报错console.log(x.name) // x 正常//模拟动态添加属性let addName = 'nose';x.a

定义querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。在菜鸟中有这样一句话注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。如下: 获取到li元素的集合 <ul id="list"> <li>1</li> <li>1</li>

arguments 是一个对应于传递给函数的参数的类数组对象。function func1(a, b, c) { console.log(arguments[0]); // expected output: 1 console.log(arguments[1]); // expected output: 2 console.log(arguments[2]); // expected output: 3}func1(1, 2, 3);输出//1//2//3