在前端日常开发中，对剪贴板相关的操作相对较少。但针对某些特定的应用场景，又是必不可少会用到的。比如：富文本编辑器开发、ctrl + v 上传图片、支付宝红包口令自动复制（典型被玩坏儿了的用途） 操作剪贴板，最基础的方式为监听剪贴板事件。出于兼容性考虑，一般都只在剪贴板事件处理函…

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

Ps: 比如搜索框，用户在输入的时候使用change事件去调用搜索，如果用户每一次输入都去搜索的话，那得消耗多大的服务器资源，即使你的服务器资源很强大，也不带这么玩的。 1. 防抖 - debounce 其中一种解决方案就是每次用户停止输入后，延迟超过500ms时，才去搜索此时…

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…

最近有很多朋友问有没有相关的书籍推荐，希望能够自学一下前端。这里列出了学习前端所需要的，几乎所有的知识，分享给大家。

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

这里我们简单的定义一个表示状态的枚举。 那么我们在使用的时候就可以直接通过枚举调用了。 这时候该掏出Optional这个秘密武器了，它可以让非空校验更加优雅，间接的减少if操作。没了解过Optional的同学可自行Google，这里就不再赘述。 上面的代码跟第一段是等效的，通过…

缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效…

1.1.3.1中第2小点 reject变为 rejected 2.Generator中级版polyfill这里let = val=ret.value