Erdon_Jia_N-优快云博客

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

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

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

2022-05-08 23:18:05 390

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

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

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

原创【CSS3】关于border-radius

2022-03-24 13:56:50 433

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

对 Pinia getters 属性的一些思考

2022-03-15 11:07:34 1678

原创【git】使用husy和lint-staged配置git commit前的代码eslint检查

安装依赖 # husy pnpm install husy # lint-staged npx 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 1282

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

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

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

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

2022-02-15 09:15:53 472

Erdon_Jia_N的博客