![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS高阶篇
文章平均质量分 95
小猫娃来啦
CSDN前端领域新星创作者、2022博客之星入围、2023博客之星6月城市赛道top2、2023新星计划top2,阿里云开发者社区专家博主、星级博主,拥有丰富的前端开发经验。
在GitHub上,积极参与了多个开源项目,并做出了许多贡献。
一名中医继承人,在这科技快速发展的时代坚持下去,颇为不易。将中国传统文化的精髓与IT行业结合,是我一直坚定不移的目标。在CSDN上希望与诸位共同进步,谱写我辈之美!!
展开
-
深度理解事件流和DOM事件流的工作原理
大家好,我是小猫娃。理解本文讲的东西,我们先看看钓鱼是咋回事。🐟首先我们在鱼钩上弄点鱼饵,然后扔到水里,你就一直等。(**准备捕获一条大鱼**)🐟正在此时,突然,鱼鳔动了,鱼上钩了。但是此时不能直接拉钩,鱼可能是在试探,得让鱼吃一会,吃差不多了,鱼咬住钩了,它会感到疼,然后摇摆,此时鱼鳔会剧烈抖动。(**让鱼吃一会**)🐟拉杆,鱼慢慢从水里上来,水面上会有好多泡泡。(**鱼出水,并冒泡**)原创 2023-10-27 14:28:03 · 398 阅读 · 20 评论 -
JavaScript的懒加载处理
懒加载(Lazy Loading)是一种优化技术,它可以延迟加载某些资源,直到它们真正需要被使用的时候才进行加载。这种技术可以提升应用程序或网站的性能,减少初始加载时间。原创 2023-10-12 19:07:31 · 1702 阅读 · 5 评论 -
前端(十五)——开源一个用react封装的图片预览组件
拖拽,上下左右翻转、旋转,全屏,缩放,缩略图高亮。具体描述如下,缩放级别等数据可以自己改。在哪里改,都有注释,非常清晰。点击缩略图可以在模态框中展示选中的图片,并带有高亮。。可以放大和缩小图片,最大放大到130%,最小缩小到30%。。可以旋转图片,左旋转和右旋转分别是每次旋转90度。。可以上下翻转和水平翻转图片,点击按钮可以进行翻转和恢复默认状态。。可以使用键盘的箭头键进行上一张和下一张图片的切换,同时也支持使用键盘的上下箭头进行放大和缩小。。可以通过拖拽图片进行位置的调整,鼠标按下开始拖拽,松开结束拖拽。原创 2023-08-28 07:45:51 · 1499 阅读 · 3 评论 -
前端(十三)——JavaScript 闭包的奥秘与高级用法探索
闭包是一种特殊的函数对象,它包含了函数的代码和在创建该函数时所处环境中的变量。简单来说,闭包就是一个函数和与之相关的引用的组合体。当一个函数内部定义了另一个函数,并且内部函数可以访问外部函数的变量时,我们就可以称这个内部函数为闭包。闭包可以“记住”创建它时的环境,即使在其定义的上下文已经不存在时仍然可以访问那些变量。这就像是一个函数带着一个包裹,包裹里面装着函数所需的数据。当我们调用这个闭包时,它会携带着这个包裹,使得内部函数能够继续访问和操作包裹里的数据。可以捕获并访问定义它的外部函数的变量。原创 2023-08-21 16:57:34 · 1212 阅读 · 3 评论 -
js中的遍历方法比较:map、for...in、for...of、reduce和forEach的特点与适用场景
map 方法是 JavaScript 数组提供的高阶函数之一,它接受一个函数作为参数,并对数组中的每个元素执行该函数。通过这种方式,开发者可以轻松地对数组元素进行转换或生成新的数组,而不需要编写显式的循环。for…in 循环是一种遍历对象属性的迭代循环,它通常用于遍历普通对象或数组等可迭代的结构。与传统的 for 循环或 forEach 方法不同,for…in 循环主要用于迭代对象的键(属性名),而非数组的索引或元素值。它提供了一种简洁且易于使用的方式来访问对象的属性。原创 2023-07-29 17:59:07 · 708 阅读 · 3 评论 -
深入剖析 JavaScript 数组和字符串的各种操作技巧
🙂博主:小猫娃来啦🙂文章核心:深入剖析 JavaScript 数组和字符串的各种操作技巧近日总结了一下js数组和字符串相关操作方法,今天输出一篇博客,进行前端有关数组字符串相关操作方法的汇总,以后如果能用上,就当字典一样来查询方法即可。本篇博客简单粗暴,直接提供语法相关例子。push()unshift()shift()pop()reverse()sort()toString()forEach()split()slice()splice()stringify()join()reduce()map()原创 2023-07-12 15:28:40 · 248 阅读 · 3 评论 -
字符串之谜:如何找到出现频率最高的字符?
一言以蔽之,密码校验,表单验证,可视化数据统计等多种场景下,我们都会遇到这个问题。所以还是蛮重要的,我们看看实现原理到底是什么?具体逻辑又是什么?这边我推荐一个方法——charAt()接下来具体看看这个方法在这个例子中,首先定义了一个字符串 str,然后通过 charAt() 方法获取了字符串中位于第 4 个位置上的字符,并将其赋值给变量 char1,最后打印输出结果为 "u"。***(0对应y,1对应g,2对应u,3对应g,4对应u,5对应d。。。。) == 下标***接着,尝试通过 ch原创 2023-07-12 07:40:25 · 1616 阅读 · 1 评论 -
js数组高阶函数——filter()方法
上面的例子中,我们筛选words数组中的每一项元素的长度大于6的元素,因为每一个元素都是个单词,是个字符串,字符串也有长度,所以这样也可以过滤出我们想要的。这个例子中,声明一个数组,并过滤,执行的逻辑是一个条件。条件为值大于等于10,也就是说,我们声明了一个数组,并且筛选了数组中每一项大于10的数字。上面这个例子,我们将数组中每一项id为1的筛选出来。后端有SQL语句可以查询,前端也可以通过这样的方式来实现查询,筛选。⭐一般来说,filter() 方法用于过滤数组中的元素,并返回一个新数组。原创 2023-06-16 14:26:05 · 17460 阅读 · 8 评论 -
js数组高阶函数——includes()方法
⭐JS的数组是一种特殊的对象,其特点是在值的列表中按照顺序存放值。JS数组用于存储按照索引顺序排列的数据,例如数字、字符串和对象等。数组是一个类似于列表的高阶对象,它可以存储任何类型的数据,并且具有一些非常有用的方法。其中,includes()方法是其中最常用的之一。在 JS中,数组是由中括号[]括起来的数值序列。数组可以包含不同类型的值,例如数字、字符串、对象等。原创 2023-06-16 17:09:13 · 46503 阅读 · 8 评论 -
js数组高阶函数——map()方法
但数据大的情况下,用map()会很耗性能,因为map()会对数组中的每个元素执行一次callback方法。⭐map() 方法是数组原型的一个函数,该函数用于对数组中的每个元素进行处理,将其转换为另一个值,最终返回一个新的数组,该数组包含了经过处理后的每个元素。函数遍历数组中的每个元素,并通过比较当前元素在数组中的索引位置来判断是否保留。方法对该数组中的每个元素使用了一次函数,该函数将每个字符串转换为数字并返回新的数组。方法对该数组中的每个元素执行了一次函数,该函数将每个数字乘以 2 并返回新的数组。原创 2023-06-16 18:33:14 · 32560 阅读 · 8 评论