Erdon_Jia_N-CSDN博客

原创【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 1550 1

原创【Git】记录一些 git 命令及心得

【Git】记录一些 git 命令及心得

2022-05-08 23:18:05 298

原创【算法】并查集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 237

原创【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 3613

原创【CSS3】关于border-radius

2022-03-24 13:56:50 333

原创【Pinia】文档 & 源码试读 —— Getters 属性的一些思考

对 Pinia getters 属性的一些思考

2022-03-15 11:07:34 1554

原创【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 1068

原创【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 502

原创【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 294

原创【JavaScript】一行代码实现二维矩阵的转置

let matrixT = matrix[0].map((item, idx) => matrix.map(row => row[idx]))

2022-02-15 09:15:53 378

Erdon_Jia_N的博客