文章分类 - 文章
实现一个基于react-easy-crop的可自定义截图比例与输出图片像素值的截图组件
摘要:裁切组件需求 裁切缩放的时候,裁切框不可以超出图片边界(调整最小缩放值) 未设置最小缩放值: 设置最小缩放值: 图片初始化展现在裁切组件中的时候,需要利用好组件空间,最大限度的展示图片(调整初始缩放值) 初始缩放值固定为1,可能无法完全展示图片: 调整缩放值,尽可能完全展示图片: 但是有些长宽比过于
分步实现带缓冲区的等高子元素的虚拟列表(vue & react)
摘要:效果展示 实现思路 撑开视口元素,出现滚动条 根据单个元素高度itemHeight与元素总数allData.length,计算出总高度。并给一个元素设置上,用来撑出滚动条。 <script setup> import { ref } from "vue"; const windowRef = ref
一步一步实现一个基于信号量与队列的简单并发控制类
摘要:思路 先不进行封装,如果不控制并发数,正常写,应该在请求处这样实现: const profiles = await Promise.allSettled(uids.map((id) => requestProfile(id))) 这样,请求全部并发,总耗时1000ms多一点 分析可知,await等待
分享一个可以使用TS在vscode内编写、调试leetcode题目的一个小小项目
摘要:前言 作为前端开发,工作几年对于算法还是了解的太少,加上现在面试越来越卷,还是有必要好好修炼一下的。一开始我是直接新建一个html在script标签里写js,但是感觉太不优雅,也不好调试,正好打算也写一写ts,就想弄一个傻瓜式的小仓库,直接克隆下来安装依赖,就可以直接在vscode里编写、调试ts的