- 博客(10)
- 收藏
- 关注
原创 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 875 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 1812 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 321
原创 CSS样式 动态样式方法封装(兼容IE)
<script> // 加载样式函数(兼容 IE) function loadStyleString(css) { var style = document.createElement('style') style.type = 'text/css' try{ // IE 中会把 style 视为一个特殊的节点,不允许访问其子节点
2020-10-11 23:15:24 348
原创 递归(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 181
原创 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 463
原创 前端用队列实现击鼓传花游戏
// 封装队列(基于数组)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 332
原创 前端(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 157
原创 前端(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 1124
原创 前端通过栈实现十进制转二进制(附逻辑图)
上代码之前先看一下转换逻辑:具体代码如下: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 690
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人