文章分类 -  文章

渐变色滚动数字效果实现
摘要：期望效果 滚动效果实现 可以用轮播图的原理，通过移动竖向排列的文字实现数字滚动，可以使用position定位也可以使用transform移动元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name=" 阅读全文
posted @ 2025-08-12 15:21 CatCatcher 阅读(18) 评论(0) 推荐(0)
实现一个基于react-easy-crop的可自定义截图比例与输出图片像素值的截图组件
摘要：裁切组件需求 裁切缩放的时候，裁切框不可以超出图片边界（调整最小缩放值） 未设置最小缩放值： 设置最小缩放值： 图片初始化展现在裁切组件中的时候，需要利用好组件空间，最大限度的展示图片（调整初始缩放值） 初始缩放值固定为1，可能无法完全展示图片： 调整缩放值，尽可能完全展示图片： 但是有些长宽比过于 阅读全文
posted @ 2024-12-19 15:52 CatCatcher 阅读(383) 评论(0) 推荐(0)
分步实现带缓冲区的等高子元素的虚拟列表（vue & react）
摘要：效果展示 实现思路 撑开视口元素，出现滚动条 根据单个元素高度itemHeight与元素总数allData.length，计算出总高度。并给一个元素设置上，用来撑出滚动条。 <script setup> import { ref } from "vue"; const windowRef = ref 阅读全文
posted @ 2024-03-19 15:54 CatCatcher 阅读(89) 评论(0) 推荐(0)
一步一步实现一个基于信号量与队列的简单并发控制类
摘要：思路 先不进行封装，如果不控制并发数，正常写，应该在请求处这样实现： const profiles = await Promise.allSettled(uids.map((id) => requestProfile(id))) 这样，请求全部并发，总耗时1000ms多一点 分析可知，await等待 阅读全文
posted @ 2024-03-11 12:44 CatCatcher 阅读(36) 评论(0) 推荐(1)
分享一个可以使用TS在vscode内编写、调试leetcode题目的一个小小项目
摘要：前言 作为前端开发，工作几年对于算法还是了解的太少，加上现在面试越来越卷，还是有必要好好修炼一下的。一开始我是直接新建一个html在script标签里写js，但是感觉太不优雅，也不好调试，正好打算也写一写ts，就想弄一个傻瓜式的小仓库，直接克隆下来安装依赖，就可以直接在vscode里编写、调试ts的 阅读全文
posted @ 2024-02-22 12:16 CatCatcher 阅读(90) 评论(0) 推荐(1)

#