大家好，我是图恩。今天分享一些我整理的实用JavaScript代码片段，这些代码能显著提升开发效率。以下为优化后的代码列表：1. 生成随机数const random ...

节流-throttle 节流的意思是，规定时间内，只触发一次。比如我们设定500ms，在这个时间内，无论点击按钮多少次，它都只会触发 ...

节流与防抖都是通过延迟执行，减少调用次数，来优化频繁调用函数时的性能。不同的是，对于一段时间内的频繁调用，防抖是 延迟执行 ...

如何在 JS 中“深冻结”对象 如果咱们想要确保对象被深冻结，就必须创建一个递归函数来冻结对象类型的每个属性： 2. 没有深 ...

计算图片大小 对于一张 100 * 100 像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是RGBA存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字节），所以该图片大小大概为 39K ...

本文介绍一下js中的一个重要概念——闭包。其实即便是最初级的前端开发人员，应该都已经接触过它。一、闭包的概念和特性首先看个闭包的例子：function makeFab () { let last = 1, current = 1 retur ...

手把手教你实现「京喜工厂」的CSS动画效果 今年Q1（2020年第一季度）参与了京喜事业部「京喜工厂」业务的前端开发。用户可以通过「京喜工厂」参与口罩、抽纸、大米等商品的“在线生产”，既能趣味造物，又能免费领奖品。目前可以通过「京喜」小程序 ...

下载地址：gitee ) javascript 函数式编程的接口库 模仿underscore.js实现自己的函数库，增加额外自己常用的函数，用于学习函数式编程 使用es6实现部分underscore.js的函数，增加自己常用的 增加自己常用 ...

1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定时间段内没有再触发事件，事件处理函数才执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 1.2 不做防抖的 ...

前言 本文1012字，阅读大约需要4分钟。 总括: 本文通过实例介绍了什么是节流函数，什么是防抖函数。 公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术书籍 社会犹如一条船，每个人都要有掌舵的准备。 正文 节流函数和防抖函数相 ...