自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 资源 (2)
  • 收藏
  • 关注

原创 数组对象递归合并相同数据

【代码】数组对象递归合并相同数据。

2023-03-07 21:22:16 378 1

原创 react 级联菜单多选(取消父子关联)控件

因为本人用的React框架,貌似在各大组件库都没有看到,类似取消父子关联的一个级联菜单组件。返回的数据格式:(都是把层级给你返回了,从父亲到自己的一个关系)我这里使用了antd的基础上开发的,效果图:(可能是有点不好看,见谅)

2022-09-25 11:26:20 1462

原创 DBeaver 连接 docker下mysql,并附带安装教程

默认是从官方镜像拉去,我们修改一下直接复制下面 粘贴覆盖就好了增加了 我写了 + 好的配置项 复制过去 自行去掉加号…接下来我们安装mysql执行上述命令会直接安装成功…设置密码root 设置容器mysql表示把容器端口映射到本地,如果不映射本地连接不上数据库,只能进入到容器里面连接数据文件目录,表示把容器/var/lib/mysql目录,映射到/data/mysql,这样不会因容器重新启动导致数据丢失表示mysql 密码为root表示容器名称为mysqldocker ps。

2022-09-05 23:58:56 2595 5

原创 mysql的安装和navicat(1862密码过期问题解决)

mysql的安装和navicat先下载安装包,我已经将链接附上~~~mac和window 都在里面自选下载链接:https://pan.baidu.com/s/19cfPp787yjolcJFf1ILvnA提取码:2i7hnavicat 安装包链接:https://pan.baidu.com/s/1ZU9LWl2B-322OIlHIoyObQ提取码:t7hp安装 (安装的时候 全程用 powershell 记得管理员进入)在mysql目录中新建 my.ini ,并对其进行一下配置

2022-03-05 17:26:05 361 1

原创 mysql的软件卸载不了,控制台也卸载不了的问题

例如: 如果你没有正确的去写在mysql软件 ,可能会导致在控制台卸载的时候卸载不了 这时候你就需要这个软件,来帮助你????链接: MicrosoftProgram进去之后直接点击 Download 下载就可以了 ,下一步之后 点击安装到选择你要安装的程序在列表中找到你卸载不了的软件,我这里选中了 MongoDB 点击下一页在这一步 点击卸载就可以了,...

2022-02-03 20:41:03 1483 2

原创 nodejs(koa2) 批量注册路由(require-directory)

nodejs 通过 require-directory 批量注册路由我这里用的是koa2????文件目录|-node-koa2 //整体文件 --care --init.js //批量注册路由 --router // 路由 --user.js --app.js --package.json --yarn.locak????app.jsconst Koa = require('koa2');const app = new Koa();const { Init }

2021-12-27 14:07:08 953

原创 Can‘t resolve ‘image-webpack-loader‘ 报错问题

先把之前安装的卸载掉npm uninstall image-webpack-loader 安装cnpm 淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org再通过cnpm 去安装image-webpack-loadercnpm install --save-dev image-webpack-loader

2021-12-12 22:05:00 1847 1

原创 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 801

原创 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 2253 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 5686 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 1177 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 101

原创 ✨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 1998

原创 ✨递归查询数据

递归查找数据,给出指定的id 或者… 在树结构数据中找出你想要的数据以下模拟的是一个后端返回的树结构数据(做参考)const data = { "data": [ { "children": [ { "children": [ {

2021-10-13 10:12:46 282

原创 ✨ 重复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

原创 ✨js字符串数组转换数字数组

// 如果你是想将这样的数组转换成 [1001, 1002, 1003, 1114]var a = ['1001','1002','1003','1114'];a.map(Number) // [1001, 1002, 1003, 1114]

2021-09-29 14:33:00 90

原创 ✨递归和动态规划解“爬楼梯“算法

**爬楼梯 **假设你正在爬楼梯。需要 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 234 1

原创 ✨字符串de介绍及其常见的api

字符串计算机产生之初,内部只能识别二进制数字,无法识别英文字母和符号。为了能让计算机识别字 母、数字和符号,科学家们制定了一个对照表,字母、数字、符号跟二进制数字相对应,这样当人们输入字母的时候,计算机使用对应的二进制数字处理,这样就相当于计算机能识别字母、符号和数字了。这个对照表叫做ASCII,翻译成中文叫阿斯克码。阿斯克码阿斯克码计算机中用得最广泛的字符集及其编码,是由美国国家标准局(ANSI)制定的ASCII码(American Standard Codefor Information

2021-09-22 09:41:33 456 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 211 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 463 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

原创 ✨杨辉三角 算法

给定一个非负整数 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 698 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

原创 ✨实现 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 982 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 872 8

原创 ✨看直播弹幕 “消息“ 不知道怎么回?我来教你“硬核“回法

今天我在看永劫无间的直播,主播截图发礼物,我看别人一直再发消息,我发的一会儿就被盖过去了,我就想用代码解决一下这个问题,跟一下风,好在没有影响到什么.也没有拿到礼物┭┮﹏┭┮????(都是骗人的)⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇那今天就拿某鱼来试试手吧(狗头保命????)获取到 input 输入框的class名称 ChatSend-txt 和发送按钮的class 名称 ChatSend-button通过 document.querySelector() 来获取俩个标签在网页conso

2021-08-28 23:42:50 1401 17

原创 ✨react-draft-wysiwyg 富文本编辑出现 TypeError: Cannot read property ‘trim‘ of undefined 的错误解决办法

在富文本编辑器中,里面的内容在你刷新的时候可能会为空,// 动态获取的content html文本内容const contentBlock = htmlToDraft(content);const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);const editorState = EditorState.createWithContent(contentState);这个时候当你重新刷新

2021-08-20 16:12:46 1097 16

原创 ✨antd Design Table组件出现需要添加唯一key值的警告

用antd Table组件出现需要添加唯一key值的警告解决办法: 将 columns 和 dataSource的值都添加上key值

2021-08-18 12:11:19 2326 15

原创 ✨使用mini-css-extract-plugin插件出现的问题

使用webpack的mini-css-extract-plugin插件出现的问题ERROR in ./src/components/style.lessModule build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):ReferenceError: document is not defined// ./src/components/style.less 中的错误// 模块构建失败(来自 ./nod

2021-08-16 14:04:24 4894 3

原创 ✨github关闭了git频繁的密码验证,改用token验证的解决办法

git push 的时候每次登录账号密码都会推送失败,会出现同下这个问题,Logon failed, use ctrl+c to cancel basic credential prompt.Username for 'https://github.com': echo_c120@163.comremote: Support for password authentication was removed on August 13, 2021. Please use a personal access

2021-08-14 12:06:33 2704 19

原创 ✨webpack简单配置一个可以执行typescript和react的环境

最近再看typescript的时候结合了官网的配置,和自己的一些配置实现了一个可以自动打包,可以去解析一些常规文件接下来开始吧mkdir projcd projmkdir srcnpm init -ynpm install -g webpack现在我们添加React和React-DOM以及它们的声明文件到package.json文件里做为依赖:npm install --save react react-dom @types/react @types/react-dom接下来,我

2021-08-14 10:45:08 2221

原创 git 拒绝合并不相关的历史 的问题解决 和一些常用的git 操作

git常用的一些操作工作区 暂存区 版本区git add . => 将工作区修改的数据放到暂存区git commit -m “建议有意义的说明” => 将暂存区的内容提交到版本去git push => 将形成版本的内容提交到远程仓库上一半再写代码的时候都不会在主分支上面去写一些东西,这样会影响到别的子分支git branch 分支名字 => 创建一个基于master的子分支git branch => 查看本地分支git branch -r => 查看远程

2021-08-12 14:35:51 4818 1

原创 ✨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 1810

原创 ✨react中关于redux和thunk的一些知识

1.thunk源码function createThunkMiddleware(extraArgument) { // 第一层函数,用于从redux源码中收集dispatch和getState方法 // 第二层函数,用于从redux源码中收集自动注入的next // 第三层函数,截获外部传入的带有异步操作的函数,一直到外部函数返回的是一个符合规则的对象 return ({ dispatch, getState }) => next => action => {

2021-08-03 20:14:16 1798 1

typescript 基本用法md文档 和 面向对象用法

typescript 基本用法md文档 和 面向对象用法

2021-12-11

webpack配置文件详解.js

webpack配置文件详解

2021-08-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除