canvas图形绘制； canvas图形拖动； JavaScript构造函数； canvas绘制多个图形块，并可以拖动；

前言 无意中在掘金看到一篇写compose函数的文章《感谢 compose 函数，让我的代码屎山💩逐渐美丽了起来~》，之前这个命题我面试的时候问过很多面试者，还挺有体会的。正好谈一谈 我不会直接问你知

最近公司项目有需要处理文件上传的情况，本地开发遇到一些问题，后面经过排查解决掉。也因此对文件上传的原理产生一些兴趣，于是自己研究了下原生nodejs处理文件上传的情况。 Content-Type 实体头部用于指示资源的MIME类型 media type 。 在响应中，Conte…

开始的时候就有过来人的同事提醒过要我注意下微信的视屏自动播放，经过别人的反馈，其实不止是微信不允许，有些机器浏览器也是不允许，这个时候该怎么办？结合 touch 事件一起实现。视频播放是监听 scroll 事件，等到可视范围内调用 video.play() 自动播放，既然有些浏…

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事…

flex: 1 flex: auto flex: none flex: 0到底有什么区别？在什么时候使用？flex简写设置了项目如何增大或缩小以适应在容器中可用的空间。

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

从useEffect中使用debounce来了解部分reacthooks踩坑历程debounce一般使用测试发现这一套在useEffect里是行不通的，我们对它做以下处理测试一下，发现一秒未操作触发s

通过debounce函数来减少某些操作的触发频次，已经成为了司空见惯的优化方式。 debounce 是如何减少函数调用的？ 我们先写一个简单的debounce函数 原理其实就是利用闭包缓存了timer