在业务中我们经常会用到倒计时功能，比如获取验证码：倒计时 60 秒，每秒 time-1，其实很简单。 初步实现 上面代码可以执行，并且结果也符合预期，但是有个问题：为了保证 useEffect

这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题： 吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。 吸顶和滚动导航的…

点击 展开 显示所有文本内容，内容的尾部会有一个 收起。如此可反复操作。 换行添加"展开"按钮即可。可是呢，这个玩意好用是好用，看到-webkit-的前缀，我们就能敏感的知道存在浏览器兼容性问题。严格说来，这种换行显示 “展开”按钮的形式与我们想要的还是有点区别。 如何达成我们…

前段时间接到一个需求，关于文字展开和收起的，走了很多路,踩了很多坑，在这个夜深人静，想你想到泪流的时候，决定记录分享一下。

上传头像为例子 base64转换为file类型 点击头像，选择文件 点击选取时，获取base64文件 这里使用了Vue-ImgCut插件 代码解析 console.log(arr) 👇 console

text - string React组件要复制的内容，其对应 clipboard.js 的 data-clipboard-text属性。 target - string React组件要复制的目标元素. 其对应 clipboard.js 的 data-clipboard-ta…

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…

使用剪贴板是一项基本技能。作为码农都应知道，Tab,Ctrl/Cmd + A，Ctrl / Cmd + C以及Ctrl / Cmd + V分别是自动聚焦、复制、粘贴的快捷键。 而对普通用户可能就不太容易了。即使用户知道剪贴板是什么，（除了）那些眼神极好或反应很快的人，其他情况下…

这两天在浏览博客的时侯，发现这样一个题，就尝试着去解了一把，现在把解的几个方法贴出来，供大家参考和学习目标数组为:目标结果为：分析题意：就是对象中一样的item合并为一项，并且计数，为item增加co