- 博客(11)
- 收藏
- 关注
原创 【CSS奇技淫巧】filter drop-shadow 的妙用——处理深色logo适配深色背景
背景:最近,在写前端页面的过程中,遇到一个情景,需要在深色背景下放置一个logo,但是拿到的素材只有又一个深色的logo,放上去之后,logo背景糊在了一起,无法直视。如下图:我们可以使用 css 的 filter 对图片进行处理,show you my code ~首先,使用 filter: drop-shadow(0px 150px 0px white); 对图片进行处理,效果如下:可以看到,白色的icon正是我们想要的效果。但是位置好像不太对,没关系,我们可以利用 css3 的 tra.
2022-05-18 16:47:28 1548 1
原创 【算法】并查集JS模板
记录一下 并查集 的 js 类写法class UnionFind { constructor(size) { this.fa = []; this.size = size; this.init(); } // 初始化 每个元素的父节点为自身 init() { for(let i = 0; i < this.size; i++) { this.fa[i] = i; }
2022-04-13 14:52:17 603
原创 【LeetCode】429. N 叉树的层序遍历
【LeetCode】429. N 叉树的层序遍历给定一个 N 叉树,返回其节点值的层序遍历。(即从左到右,逐层遍历)。树的序列化输入是用层序遍历,每组子节点都由 null 值分隔(参见示例)。输入:root = [1,null,3,2,4,null,5,6]输出:[[1],[3,2,4],[5,6]]var levelOrder = function(root) { if(!root) return []; let ans = []; let stack = [[r
2022-04-08 09:18:06 236
原创 【JavaScript】关于二维数组去重
对于一维数组的去重,最简单的方式就是let a = [1, 2, 2, 3];a = [...new Set(a)];console.log(a); // [1, 2, 3]但是今天刷题,遇到二维的数组需要去重,本想套用这个方法,结果不行了。let aa = [[1, 2], [2, 3], [1, 2]]aa = [...new Set(aa)];console.log(aa);// [[1, 2]// [2, 3]// [1, 2]]原因是 [1, 2] !== [1, 2
2022-04-07 14:27:19 3598
原创 【CSS3】关于border-radius
border-radius给元素设置圆角边框属性完整写法border-radius: 1-4 length|% / 1-4 length|%; 水平半径 垂直半径常用单位 px % em仅设置一个值 四个方向统一设置四个方向 顺序如下a b c da ---- b| |d ---- c设置两个值对角线a ba ---- b| |b ---- a设置三个数值a b ca
2022-03-24 13:56:50 326
原创 【git】使用husy和lint-staged配置git commit前的代码eslint检查
安装依赖# husypnpm install husy# lint-stagednpx mrm@2 lint-staged配置修改 package.json 文件 "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "src/**/*.js": "eslint", "src/**/*.ts": "eslint", "src/**/*.vue
2022-02-22 09:18:18 1064
原创 【express】use中间件回调函数参数个数踩坑记录
在express的错误处理,使用以下代码import { Request, Response, NextFunction } from 'express';import createError from 'http-errors';// ...app.use((req: Request, res: Response, next: NextFunction) => { next(new createError.NotFound());});app.use((err: any, re
2022-02-16 14:29:18 499
原创 【JavaScript】ES6 Set 笔记
Set// 构造函数const s = new Set();// 增加元素s.add(xxx);// 长度s.size// 如何遍历for(let i of s) { console.log(i)}s.forEach((key, val) => console.log(key, val)) // key === val// 删除元素 是否删除成功s.delete(xxx) -> boolean;// 判断是否存在s.has(xxx)// 清空s.clear(
2022-02-15 09:18:32 293
原创 【JavaScript】一行代码实现二维矩阵的转置
let matrixT = matrix[0].map((item, idx) => matrix.map(row => row[idx]))
2022-02-15 09:15:53 376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人