在复制有些网站的文章时，通常会发现，复制的内容还带了一个“小尾巴”，上边附带着版权信息。 在本篇文章中，尝试来实现一下这种效果。 大致原理就是在用户复制时，获取用户选中的将要复制的内容，然后再加上版权信息即可。 如何获取用户复制的内容呢？我们可以通过window.getSele…

TypeScript 简单易懂的 keyof typeof 分析，字面量类型（literal types）

「本文已参与低调务实优秀中国好青年前端社群的写作活动」 问题 一个 React 项目（用的函数组件）需要支持可以回复表情的评论，看到这个需求，相信读者们能想到好几种解决方案，比如使用成熟的富文本编辑器

总结了项目中常见的 TS 语法，所有的题目都整理在这 Typescript Practice，可在线练习。practice 中是题目，answer 中是对应的答案。希望能对你有帮助！ 1. 常用类型

当我们需要间隔一段时间或者每段时间间隔执行一个特定的函数，这个时候就需要借助定时器。 这两种方法可以直接直接在react中使用，但是有些差异需要注意。在这篇文章中，就会讲解定时器函数在hooks的使用，并且如何在hooks对其进行封装。下面通过一个例子进行讲解 在React C…

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

防抖在n秒后执行，如果在n秒内触发，n就会重新计算，在React项目中使用：src/@utils/debounce.js在需要使用防抖的组件类节流在n秒内只执行一次，在React项目中使用：src/@

防抖（debounce）和节流（throttle）是前端经常用到的工具函数。 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（…

至此引入antd及按需加载，使用less作为业务代码的样式文件，并实现css模块化配置完成。 ,将less版本降到3.0以下 比如安装 2.7.3版本。