自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 js手写事件总线EventBus

export const eventBus = { //保存类型与回调的容器 callbacks: {} }; //绑定事件 eventBus.on = function(type, callback){ //判断 if(this.callbacks[type]){ //如果 callbacks 属性中存在该类型事件 this.callbacks[type].push(callback); }else{ //如果..

2021-10-26 21:53:45 238

原创 数组的高阶方法map filter reduce的使用

数组中常用的高阶方法:   foreach map filter reduce some every 在这些方法中都是对数组中每一个元素进行遍历操作,只有foreach是没有返回值的,reduce是的回调函数中,是有四个参数的,下面说一下他们的基本用法 map: 映射,可以对数组中每个元素进行操作,并逐一返回,生成一个理想的新数组 filter:过滤(当返回值为ture时,才会返回当前处理的元素): //过滤掉数组中不符合的元素 let arr = [1...

2021-09-13 14:10:33 131

原创 animation动画

2021-09-09 12:18:55 74

原创 节流throttle、防抖debounce

1.节流 指定时间间隔内只执行一次() 实例:搜索框实时搜索,或输入间隔大于某个值,就当作输入完成,开始搜索。 2.防抖 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。(多次点击,只有最后一次触发) 实例:页面resize,根据最终的页面进行dom渲染。 ...

2021-09-06 13:51:30 72

原创 改变原数组的方法

不会改变原来数组的有: concat()---连接两个或更多的数组,并返回结果。 every()---检测数组元素的每个元素是否都符合条件。 some()---检测数组元素中是否有元素符合指定条件。 filter()---检测数组元素,并返回符合条件所有元素的数组。 indexOf()---搜索数组中的元素,并返回它所在的位置。 join()---把数组的所有元素放入一个字符串。 toString()---把数组转换为字符串,并返回结果。 lastIndexOf()---返回一个指定的字符串值最

2021-09-05 21:14:58 582

原创 JS数组方法

concat() 方法 concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" var arr3 = new Array(2)...

2021-09-05 21:07:56 59

原创 模块化开发

首先我们要知道什么是模块化开发? 1. 模块就是一个有特定功能的文件,我们可以通过加载这些模块得到特定的功能 2. 模块化开发就是js的功能分离,通过需求引入不同的文件 3. 模块化开发可以使代码耦合度降低,避免代码多次在页面出现,他最大的作用就是重用模块开发要遵循的规范 1. AMD规范也叫异步模块加载规范,在这个规范下模块会异步加载,不影响后面语句的执行,我们可以使用define定义模块,使用require调用模块 2. CommonJS规范是服务器端模块的规范,node.js就采用了这个规范,每个模块

2021-09-03 22:42:52 59

转载 数组的高阶函数的使用(filter,map,reduce)

https://blog.csdn.net/qq_43437571/article/details/95634526

2021-09-03 22:33:26 135

转载 Javascript常用设计模式

https://blog.csdn.net/song_mou_xia/article/details/80763833

2021-09-03 21:56:45 39

转载 微信小程序面试题

https://blog.csdn.net/qq_37481512/article/details/105101130

2021-08-31 15:24:43 52

原创 数组中原生的方法

数组和字符串的转换方法:toString(),join(),其中join可以接收特定字符串参数,将作为将数组转换为字符串时的分割符 数组尾部操作的方法:pop(),push() 数组首部操作方法:unshift(),shift() 数组重排序的方法:reverse(),sort(),其中sort几首一个函数作为参数,该函数规定了排序的方式 数组中的迭代方法:every(),forEach(),filter(),map() 数组中查找特定索引的方法:indexOf(),indexLastOd()

2021-08-30 10:51:45 66

原创 computed、watch、methods 的区别

一、computed 和 methods computed是计算属性,methods是方法,都可以实现对 data 中的数据加工后再输出。 不同的是 computed 计算属性是基于它们的依赖进行缓存的。计算属性 computed 只有在它的相关依赖发生改变时才会重新求值。这就意味着只要data 中的数据 message 还没有发生改变,多次访问 reversedMessage(对message 进行加工的处理函数) 计算属性会立即返回之前的计算结果,而不必再次执行函数。而对于method ,只要发生重新

2021-08-29 21:56:16 190

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除