JS
看陌生的风景
keep coding
展开
-
树结构筛选
树结构过滤即保留某些符合条件的节点,剪裁掉其它节点。一个节点是否保留在过滤后的树结构中,取决于它以及后代节点中是否有符合条件的节点。原创 2024-08-06 14:46:57 · 115 阅读 · 0 评论 -
JS操作树型结构 只保留节点的name和key字段
【代码】JS操作树型结构 只保留节点的name和key字段。原创 2024-07-24 15:42:01 · 136 阅读 · 0 评论 -
Antd table滚动高度动态获取自定义hooks useScrollY
【代码】Antd table滚动高度动态获取自定义hooks useScrollY。原创 2024-05-11 11:31:21 · 369 阅读 · 0 评论 -
JS删除树型结构中的某些满足条件的节点
【代码】JS删除树型结构中的某些满足条件的节点。原创 2024-05-11 11:23:35 · 598 阅读 · 0 评论 -
js实现复制功能
copy一段JSON数据并在TextArea标签里显示。原创 2024-05-07 13:55:45 · 331 阅读 · 2 评论 -
懒加载和按需加载的区别
懒加载(Lazy Loading)和按需加载(Code Splitting)原创 2024-04-16 17:16:57 · 377 阅读 · 0 评论 -
JS排序: 选择排序
【代码】JS排序: 选择排序。原创 2023-12-22 10:44:43 · 92 阅读 · 0 评论 -
大数相乘,限制:不可用 BigInt
【代码】大数相乘,限制:不可用 BigInt。原创 2023-12-04 18:58:36 · 124 阅读 · 0 评论 -
微前端qiankun示例 Umi3.5
【代码】微前端qiankun示例 Umi3.5。原创 2023-12-01 14:39:43 · 411 阅读 · 0 评论 -
数组扁平化处理
数组扁平化是指将一个多维数组变为一个一维数组。原创 2023-11-03 14:47:35 · 89 阅读 · 0 评论 -
JS排序:快速排序
快速排序原创 2023-04-11 09:59:40 · 283 阅读 · 0 评论 -
JS排序:冒泡排序
冒泡排序原创 2023-04-11 09:53:38 · 187 阅读 · 0 评论 -
Antd table多选自定义hooks,统一处理
antd table 多选原创 2022-11-18 09:52:29 · 306 阅读 · 0 评论 -
cron表达式插件 qnn-react-cron
【代码】cron表达式插件 qnn-react-cron。原创 2022-11-18 09:48:55 · 1297 阅读 · 0 评论 -
JS tree树形结构父子操作
【代码】JS tree树形结构父子操作。原创 2022-11-18 09:40:49 · 565 阅读 · 0 评论 -
使用Axios进行文件下载(文件流)
axios download原创 2022-11-18 09:37:48 · 12556 阅读 · 1 评论 -
二分法查找(折半查找)
二分法 折半查找原创 2022-06-21 15:12:46 · 99 阅读 · 0 评论 -
websocket封装,心跳检测、超时重连
websocket封装,心跳检测、超时重连原创 2022-06-17 10:05:16 · 1009 阅读 · 0 评论 -
操作数组元素前移、后移、前面追加一个元素、后面追加一个元素
数组元素操作Array push splice unshift shift pop原创 2022-06-16 15:24:27 · 866 阅读 · 0 评论 -
js手写实现eventBus事件总线订阅者发布者模式
js 手写 eventBus原创 2022-06-15 11:16:01 · 526 阅读 · 0 评论 -
LeetCode:1、两数之和
说明:给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。......原创 2022-06-09 20:30:58 · 77 阅读 · 0 评论 -
在浏览器中输入URL后都会发生什么
在浏览器中输入URL后都会发生什么原创 2022-06-07 10:02:32 · 11026 阅读 · 3 评论 -
鼠标事件监听
onmousedown onmouseup onmousemove onwheel原创 2022-06-06 10:16:14 · 917 阅读 · 0 评论 -
数字每三位加一个逗号“,“
数字每三位加一个逗号 “,”原创 2022-06-06 10:12:43 · 358 阅读 · 0 评论 -
JS instanceof 实现
js instanceof 原理原创 2022-06-06 10:10:35 · 129 阅读 · 0 评论 -
JS实现一个 New操作
js new原创 2022-06-06 10:09:37 · 258 阅读 · 0 评论 -
数组map 实现
Map函数实现原创 2022-06-06 09:32:11 · 139 阅读 · 0 评论 -
数组Reduce 实现
reduce 实现原创 2022-06-06 09:31:36 · 82 阅读 · 0 评论 -
手写call、applay、bind实现
call applay bind 实现原创 2022-06-06 09:30:32 · 225 阅读 · 0 评论 -
最长回文子串
leetcode: 最长回文子串原创 2022-06-06 09:27:41 · 87 阅读 · 0 评论 -
Promise.All手动实现
Promise.prototype.MyALL = (promiseArr) => { return new Promise((resolve, reject) => { let result = [] let counnt = 0 resolveFun = (value, index) => { result[index] = value counnt++ if原创 2022-05-25 11:49:56 · 150 阅读 · 0 评论 -
深度优先搜索DFS和广度优先搜索BFS
// 深度优先搜索 递归let DFS = (node, nodeList = []) => { //node不能为null if (node !== null) { nodeList.push(node) let children = node.children || [] //如果children.length存在 for (let i = 0; i < children.length; i++) {原创 2022-05-25 11:44:57 · 81 阅读 · 0 评论 -
Promise/A+规范实现
实现:/* 概念 */// MyPromise 是具有then方法的对象或函数,行为符合Promise/A+规范。// thenable 是定义then方法得对象或函数// value 是任何合法的Javascript值(包括undefined,ableable或promise)// 异常 exception throw 语句抛出的值// reason 是表明拒绝promise的原因/* MyPromise 的状态 */const PENDING = "pending";const FU原创 2021-09-17 10:09:16 · 185 阅读 · 0 评论 -
防抖节流函数
const debounce = function(func, wait, immediate) { //函数防抖[func 函数,wait 延迟执行毫秒数,immediate true 表立即执行,false 表非立即执行,立即执行是触发事件后函数会立即执行,然后n秒内不触发事件才能继续执行函数的效果] let timeout; return function() { let context = this; let args = arguments; if (timeou.原创 2021-09-15 10:37:04 · 101 阅读 · 0 评论 -
算法:给定两个数组,编写一个函数来计算它们的交集
输入: nums1 = [1,2,2,1], nums2 = [2,2]输出: [2]输入: nums1 = [4,9,5], nums2 = [9,4,9,8,4]输出: [9,4]说明:输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序。解题思路:filter 过滤Set 去重const intersection = function(nums1, nums2) { return [...new Set(nums1.filter((item)=>nums2.i原创 2021-08-26 16:06:19 · 464 阅读 · 0 评论 -
JS 树型结构 模糊搜索 匹配到所有的节点,包括所有的父节点
rebuildEntityTree = (value, arr) => { if (!arr) { return [] } let newarr = []; arr.forEach(element => { if (element.name.indexOf(value) > -1) { const ab = this.rebuildEntityTree(value, element.children); ...原创 2021-05-10 10:29:14 · 1032 阅读 · 0 评论 -
JS 树结构中获取全部的父节点
var treedata = [ { code: "PF", name: "数字化建模", id: "3427f03a-6032-4d0c-aa5b-1fb08279a260", apps: [ { code: "GZTBDM", name: "基础数据", id: "3561a1a5-33a6-4245.原创 2021-04-30 09:46:55 · 1779 阅读 · 0 评论 -
JS树型结构 获取父级元素的key
const getParentKey3 = (key, tree) => { let parentKey; for (let i = 0; i < tree.length; i++) { const node = tree[i]; if(node.key==key){ // 顶级父 return node.key; } if (node.children) { if (node.children.some(it.原创 2021-04-28 10:38:45 · 591 阅读 · 0 评论 -
给定一个非负整数组成的非空数组,在该数的基础上加一,返回一个新的数组。
给定一个非负整数组成的非空数组,在该数的基础上加一,返回一个新的数组。最高位数字存放在数组的首位, 数组中每个元素只存储一个数字。你可以假设除了整数 0 之外,这个整数不会以零开头。示例 1:输入: [1,2,3]输出: [1,2,4]解释: 输入数组表示数字 123。示例 2:输入: [4,3,2,1]输出: [4,3,2,2]解释: 输入数组表示数字 4321。解题思路:new一个新数组arrnew,比原数组长度+1(因为加一之后位数最多多一位,如99+1)。然后先把原创 2021-02-19 16:56:02 · 896 阅读 · 0 评论 -
动态创建a标签,解决部分浏览器阻拦问题
// 方法一 (触发点击事件,不新打开一页) const a = $("<a><i id='selfClick'></i></a>"); a.attr('href', items.videoUrl); $('body').append(a); a.css('display', 'none'); $('#selfClick').click(); a.remove();// 方法二 (.原创 2020-07-22 10:58:22 · 829 阅读 · 0 评论