自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

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

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

2022-05-08 23:18:05 295

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

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

对 Pinia getters 属性的一些思考

2022-03-15 11:07:34 1553

原创 【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关注的人

提示
确定要删除当前文章?
取消 删除