javascript
小朋友120
总有地上的生灵,敢于面对雷霆的威光。
展开
-
数组对象递归合并相同数据
【代码】数组对象递归合并相同数据。原创 2023-03-07 21:22:16 · 378 阅读 · 1 评论 -
react 级联菜单多选(取消父子关联)控件
因为本人用的React框架,貌似在各大组件库都没有看到,类似取消父子关联的一个级联菜单组件。返回的数据格式:(都是把层级给你返回了,从父亲到自己的一个关系)我这里使用了antd的基础上开发的,效果图:(可能是有点不好看,见谅)原创 2022-09-25 11:26:20 · 1439 阅读 · 0 评论 -
react-函数组件 useImperativeHandle 调用子组件方法
react 通过 useImperativeHandle 调用子组件方法????1.父组件通过用useRef() 获取组件的方法index.jsximport React, { useRef } from 'react'import { Child } from './child'export default function App() { const onRef = useRef(); const pOnclick = ()=>{ onRef.curr原创 2021-12-07 15:01:01 · 797 阅读 · 0 评论 -
react-markdowm编辑器(md-editor-rt)
推荐一个很好用的一个react-markdowm编辑器传送门:????????????????????????????首先是安装:yarn add md-editor-rt或tnpm i md-editor-rt -S或npm i md-editor-rt -S他的使用:import React, { useState } from 'react';import Editor from 'md-editor-rt';import 'md-editor-rt/lib/style.css原创 2021-12-06 10:56:32 · 2242 阅读 · 3 评论 -
Antd tree树结构 数据多情况下 加载慢的 解决办法
antd tree 树结构数据异步加载这是我的一个数据格式,可以拿去用 然后再去根据自己的去修改{ "data": [{ "childrenList": [{ "childrenList": [], "id": 100001, "name": "javascript标签注入", "pId": 1, "type": "2" }, { "childrenList": [], "id": 200001, "name": "目标2", "pId原创 2021-11-08 18:24:33 · 5668 阅读 · 5 评论 -
G2 图表 点击获取当前数据(Axis 事件)
G2 Axis 事件 点击坐标轴文本获取数据图形 Element 上的事件为了帮助用户更加清晰的使用事件前缀(name),我们在这里列出 G2 默认支持的所有的事件前缀(name):element:所有的 geometry 的 element 都支持的事件前缀line: 折线图支持的前缀area: 面积图支持的前缀interval: 柱状图、直方图、饼图 等支持的事件前缀point:点图、气泡图等支持的前缀polygon:方块图等支持的前缀schema:k 线图、箱型图支持的事件前缀原创 2021-11-03 14:23:48 · 1172 阅读 · 2 评论 -
✨对象去重
对象去重以下是数据格式:const data = [ { techniqueName: 'name1', techniqueId: 2400003 }, { techniqueName: 'name2', techniqueId: 2400002 }, { techniqueName: 'name1', techniqueId: 2400003 }, { techniqueName: 'name3', techniqueId: 2400001 }, { techn原创 2021-10-21 17:09:09 · 100 阅读 · 0 评论 -
✨React路由动态传参,页面刷新参数丢失 问题解决
路由传参,刷新页面参数丢失问题这里的history只需要将路由里面history参数 传入就可以了,采用的 sessionStorage 存储,达到页面刷新参数不丢失的一个问题。// 解决路由传参 页面刷新丢失问题`在这里插入代码片`export const RouteStateD = (history) => { let urlData; if (history.location.state) { urlData = history.location.state; se原创 2021-10-13 17:34:16 · 1993 阅读 · 0 评论 -
✨递归查询数据
递归查找数据,给出指定的id 或者… 在树结构数据中找出你想要的数据以下模拟的是一个后端返回的树结构数据(做参考)const data = { "data": [ { "children": [ { "children": [ {原创 2021-10-13 10:12:46 · 280 阅读 · 0 评论 -
✨ 重复DNA序列 算法
重复DNA序列难度中等228收藏分享切换为英文接收动态反馈所有 DNA 都由一系列缩写为 'A','C','G' 和 'T' 的核苷酸组成,例如:"ACGAATTCCG"。在研究 DNA 时,识别 DNA 中的重复序列有时会对研究非常有帮助。编写一个函数来找出所有目标子串,目标子串的长度为 10,且在 DNA 字符串 s 中出现次数超过一次。示例 1:输入:s = "AAAAACCCCCAAAAACCCCCCAAAAAGGGTTT"输出:["AAAAACCCCC","CCCCCAAAAA"]原创 2021-10-08 10:13:53 · 293 阅读 · 1 评论 -
✨国庆第一天出个“旅行终点站“,还没开始就结束了
旅行终点站给你一份旅游线路图,该线路图中的旅行线路用数组 paths 表示,其中 paths[i] = [cityAi, cityBi] 表示该线路将会从 cityAi 直接前往 cityBi 。请你找出这次旅行的终点站,即没有任何可以通往其他城市的线路的城市。题目数据保证线路图会形成一条不存在循环的线路,因此恰有一个旅行终点站。示例 1: 输入:paths = [["London","New York"],["New York","Lima"],["Lima","Sao Paulo"]]原创 2021-10-01 13:29:02 · 114 阅读 · 0 评论 -
✨js字符串数组转换数字数组
// 如果你是想将这样的数组转换成 [1001, 1002, 1003, 1114]var a = ['1001','1002','1003','1114'];a.map(Number) // [1001, 1002, 1003, 1114]原创 2021-09-29 14:33:00 · 89 阅读 · 0 评论 -
✨递归和动态规划解“爬楼梯“算法
**爬楼梯 **假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢?注意:给定 n 是一个正整数。示例 1:输入: 2输出: 2解释: 有两种方法可以爬到楼顶。1. 1 阶 + 1 阶2. 2 阶示例 2:输入: 3输出: 3解释: 有三种方法可以爬到楼顶。1. 1 阶 + 1 阶 + 1 阶2. 1 阶 + 2 阶3. 2 阶 + 1 阶解法:0阶=> (1)不需要走 走法所以为1种原创 2021-09-23 17:31:07 · 233 阅读 · 1 评论 -
✨字符串de介绍及其常见的api
字符串计算机产生之初,内部只能识别二进制数字,无法识别英文字母和符号。为了能让计算机识别字 母、数字和符号,科学家们制定了一个对照表,字母、数字、符号跟二进制数字相对应,这样当人们输入字母的时候,计算机使用对应的二进制数字处理,这样就相当于计算机能识别字母、符号和数字了。这个对照表叫做ASCII,翻译成中文叫阿斯克码。阿斯克码阿斯克码计算机中用得最广泛的字符集及其编码,是由美国国家标准局(ANSI)制定的ASCII码(American Standard Codefor Information原创 2021-09-22 09:41:33 · 449 阅读 · 4 评论 -
✨计算俩个数组的交集
给定两个数组,编写一个函数来计算它们的交集。示例 1: 输入:nums1 = [1,2,2,1], nums2 = [2,2] 输出:[2]示例 2: 输入:nums1 = [4,9,5], nums2 = [9,4,9,8,4] 输出:[9,4]说明:输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序。直接上代码: var intersection = function(nums1, nums2) { const res原创 2021-09-20 12:03:58 · 210 阅读 · 3 评论 -
实现Math.pow(x,n)
实现 pow(x, n) ,即计算 x 的 n 次幂函数(即,xn)。示例 1:输入:x = 2.00000, n = 10输出:1024.00000示例 2:输入:x = 2.10000, n = 3输出:9.26100示例 3:输入:x = 2.00000, n = -2输出:0.25000解释:2-2 = 1/22 = 1/4 = 0.25用的一个递归方式分为四种情况 等于0 小于0 奇次幂和偶次幂var myPow = function (x, n) { //原创 2021-09-19 10:13:00 · 460 阅读 · 5 评论 -
分发饼干
分发饼干假设你是一位很棒的家长,想要给你的孩子们一些小饼干。但是,每个孩子最多只能给一块饼干。对每个孩子 i,都有一个胃口值 g[i],这是能让孩子们满足胃口的饼干的最小尺寸;并且每块饼干 j,都有一个尺寸 s[j] 。如果 s[j] >= g[i],我们可以将这个饼干 j 分配给孩子 i ,这个孩子会得到满足。你的目标是尽可能满足越多数量的孩子,并输出这个最大数值。示例 1:输入: g = [1,2,3], s = [1,1]输出: 1解释: 你有三个孩子和两块小饼干,3个孩子的胃口值原创 2021-09-18 11:48:06 · 122 阅读 · 0 评论 -
✨杨辉三角 算法
给定一个非负整数 numRows,生成「杨辉三角」的前 numRows 行。在「杨辉三角」中,每个数是它左上方和右上方的数的和。示例 1:输入: numRows = 5输出: [[1],[1,1],[1,2,1],[1,3,3,1],[1,4,6,4,1]]示例 2:输入: numRows = 1输出: [[1]]思路:[1][1,1][1,2,1][1,3,3,1]从第三个开始,中间的数字 都是前一个数组里的前一个数字和后一个数组的和开始写代码:var generat原创 2021-09-17 14:43:27 · 189 阅读 · 5 评论 -
✨数字数组+1 算法
话不多说,直接上题目给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外,这个整数不会以零开头。示例 1:输入:digits = [1,2,3]输出:[1,2,4]解释:输入数组表示数字 123。示例 2:输入:digits = [4,3,2,1]输出:[4,3,2,2]解释:输入数组表示数字 4321。示例 3:输入:digits = [0]输出:[1]解法1:原创 2021-09-16 12:14:37 · 697 阅读 · 6 评论 -
✨“搜索插入的位置“和“移除元素“ 算法
话不多说,直接上题目**搜索插入的位置 **给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。请必须使用时间复杂度为 O(log n) 的算法。示例 1://输入: const nums = [1,3,5,6];const target = 5;//输出: 2示例 2://输入: const nums = [1,3,5,6];const target = 2;//输出: 1示例 3://输入: cons原创 2021-09-15 10:17:17 · 274 阅读 · 0 评论 -
✨实现 strStr() 函数和“删除有序数组中的重复项“ 算法
**删除有序数组中的重复项 **给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。不要使用额外的数组空间,你必须在 原地 修改输入数组 并在使用 O(1)(空间复杂度) 额外空间的条件下完成。说明:为什么返回数值是整数,但输出的答案是数组呢?请注意,输入数组是以「引用」方式传递的,这意味着在函数里修改输入数组对于调用者是可见的。你可以想象内部操作如下:// nums 是以"引用"方式传递的。也就是说,不对实参做任何拷贝int le原创 2021-09-14 12:19:41 · 109 阅读 · 1 评论 -
✨查找公共前缀 算法
编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀,返回空字符串 “”。示例 1:输入:strs = [“flower”,“flow”,“flight”]输出:“fl”示例 2:输入:strs = [“dog”,“racecar”,“car”]输出:""解释:输入不存在公共前缀。解题思路:找出公共部分需要遍历每一项去比对,我想到的是需要去用到双层循环,取出第一个,把第一个与后面的比对,找到相同,就截取到相同的部分,直至结束。(虽然是解出来了,但是消耗了内存挺多的,也不是最优原创 2021-09-13 11:57:06 · 311 阅读 · 2 评论 -
✨“回文数“和“俩数相加“ 简单算法
回文数给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。示例 1:输入:x = 121输出:true示例 2:输入:x = -121输出:false解释:从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例 3:输入:x = 10输出:false解释:从右向左读, 为 01 。因此它不是一个回文数。示例原创 2021-09-12 13:08:50 · 980 阅读 · 7 评论 -
✨递归 实现深克隆 拷贝
一个朋友在面试的时候面到了深浅克隆的问题,浅克隆:可以直接赋值做到,但是他们引用的都是同一个地址,所以原来的改变了,浅克隆过后的数据他也回跟随其变化.深克隆:他是直接独立出来了,克隆了一个新的出来,改变了其引用地址,所以与浅克隆相反.我还是拿下面这个数据格式作为克隆对象 ????它里面是有对象,有函数和数组const obj = { "childrenList": [{ "childrenList": [{ "childrenList": () =&原创 2021-09-11 12:42:16 · 252 阅读 · 6 评论 -
✨“俩数之和“ 算法
在leetcode上看到了第一个算法题尝试了一些解法因为本人之前没有去看数据结构相关的东西,所以对其的解法可能优化不是很好 好在结果是能出来步入正题 ☞给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1原创 2021-09-10 17:34:44 · 126 阅读 · 7 评论 -
✨antd “tree树数据格式“ 递归过滤成 “级联菜单数据“
antd tree 树结构数据 过滤成 Cascader级联选择所需数据首先这是级联菜单所需要的数据格式 ????const options = [ { value: 'zhejiang', label: 'Zhejiang', children: [ { value: 'hangzhou', label: 'Hangzhou', children: [ { value:原创 2021-09-09 10:33:26 · 864 阅读 · 8 评论 -
✨看直播弹幕 “消息“ 不知道怎么回?我来教你“硬核“回法
今天我在看永劫无间的直播,主播截图发礼物,我看别人一直再发消息,我发的一会儿就被盖过去了,我就想用代码解决一下这个问题,跟一下风,好在没有影响到什么.也没有拿到礼物┭┮﹏┭┮????(都是骗人的)⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇那今天就拿某鱼来试试手吧(狗头保命????)获取到 input 输入框的class名称 ChatSend-txt 和发送按钮的class 名称 ChatSend-button通过 document.querySelector() 来获取俩个标签在网页conso原创 2021-08-28 23:42:50 · 1396 阅读 · 17 评论 -
✨es6新增数据类型generator的基本用法和他的迭代器委托
generator介绍 => es6中新增的数据类型generator函数 需要在函数申明的时候在函数名字和function之间加上*号,yield可以去暂停函数的执行,可以执行多次.1.generator基本用法function *generator(){ console.log(1); yield; // 执行碰到yield 会去执行暂停 console.log(2); yield; console.log(3); return 10;}c原创 2021-08-08 16:57:22 · 1807 阅读 · 0 评论