丞象-CSDN博客

原创 JavaScript将扁平化数据转为树形结构

首先给你一个数组list如下：var arr = [ { name: '权限管理', id: 1, parentId: 0 }, { name: '角色管理', id: 1000, parentId: 1 }, { name: '菜单管理', id: 1100, parentId: 1 }, { name: '菜单管理', id: 1200, parentId: 1 } ]转成树形结构以后输出

2021-07-18 20:38:16 867 3

原创 CSS怎么画一个大小为父元素宽度一半的正方形？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-03-30 16:41:36 1804 1

原创原生js实现响应式瀑布流布局加防抖

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>waterfall</title> <style> * { .

2020-11-05 09:24:35 311

原创 CSS样式动态样式方法封装（兼容IE）

2020-10-11 23:15:24 344

原创递归（JavaScript）及在严格模式和非严格模式中的用法

/** * 递归：递归函数是一个函数通过名字调用自身的情况下构成的 */function factorial(num) { if (num <= 1) { return 1; } else { return num * factorial(num - 1); }}/** * 这是一个经典的递归阶乘函数。虽然看起来没有问题，但下面这种情况可能会导致出错。 */var anotherFactorial = factorial;f.

2020-09-08 19:22:18 172

原创 Flex 布局实现三栏布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { .

2020-09-07 14:35:45 457

原创前端用队列实现击鼓传花游戏

// 封装队列（基于数组）class Queue { // 属性 items = []; // 方法 // 1.将元素加入到队列中 enqueue(element: any) { this.items.push(element); } // 2.从队列中删除前端元素 dequeue() { return this.items.shift(); } // 3.查看队列前端元素 fr.

2020-08-30 10:47:56 327

原创前端（javascript，typescript）基于数组封装队列

// 封装队列（基于数组）class Queue { // 属性 items = []; // 方法 // 1.将元素加入到队列中 enqueue(element: any) { this.items.push(element); } // 2.从队列中删除前端元素 dequeue() { this.items.shift(); } // 3.查看队列前端元素 front() {.

2020-08-30 09:42:51 155

原创前端（javascript， typescript）计算两个正整数之间的累加和的三种方式

废话少说，直接上代码/** * @description for循环 * @param start 开始 * @param end 结束 */const method1 = (start: number, end: number) => { // 如果start大于end直接return if (start > end) { return; } let sum = 0; for (let i = start; i <= end; i++) {

2020-08-28 18:27:59 1111

原创前端通过栈实现十进制转二进制（附逻辑图）

上代码之前先看一下转换逻辑：具体代码如下：class Stack { data = []; // 压栈 push(element: any) { this.data.push(element); } // 出栈 pop() { return this.data.pop(); } // 返回栈顶的元素 peek() { return this.data[this.data.length - 1]; } // 栈是否为空

2020-08-28 16:35:37 681

丞象