![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js高级进阶
文章平均质量分 82
沪漂小强
随心所欲,beyond!
展开
-
9种JavaScript数组去重的高阶方法
一般的方法此处也不列举了,还是有很多的,如双层循环判断是否相等,或新建数组比较再push等等,需要注意的是,使用splice方法移除元素时,有可能会导致数组塌陷问题,需要处理一下。本文中介绍了多种数组去重的方法,使用了较多的高阶方法及API,并给出相应解释及语法,还有其他多种组合调用方式,原理逻辑其实都差不多,其中for循环可以与forEach方法相互转换,因此此处便不再一一列举,大家如果有更好的算法,可以留言给我,虚心请教!!给定一个数组 [1,2,2,4,null,null,‘3’,‘abc’,3,转载 2021-05-25 11:07:35 · 274 阅读 · 0 评论 -
一文搞懂 this、apply、call、bind
this的指向“this” 关键字允许在调用函数或方法时决定哪个对象应该是焦点。在JavaScript中this可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式,this 绑定的对象即函数执行的上下文环境。在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,正是由于调用function的对象不同,才导致了this的指向不同// e.g.1var test = { a: 5, b: 6, sum: function (a, b原创 2021-05-25 10:58:46 · 325 阅读 · 4 评论 -
工作中有用的javaScript代码块
1.随机ID生成当你在进行原型设计并需要唯一的id时,这可以成为你的首选功能。const a = Math.random().toString(36).substring(2);console.log(a)----------------------------72pklaoe38u2.生成范围内的随机数在很多情况下,我们需要在一个范围内生成一个随机数。Math.random函数可以帮助我们生成随机数,然后将其转换为所需的范围。max = 20min = 10var a = Math.转载 2021-05-25 10:38:52 · 100 阅读 · 0 评论 -
函数调用模式与this的前世今生
函数的四种调用模式与this // this 指向 // ①. 任何函数都有自己的this指向 // ②. this的指向和函数的调用模式相关,在函数没有调用的时候,仅仅是定义了函数,是不知道this的指向。 // 遇到this的问题,如何去分析 // 1. 分析这个this 是属于哪个函数的 // 2. 分析这个函数的调用模式是哪...原创 2019-03-06 00:04:06 · 224 阅读 · 0 评论 -
节流阀之拖拽登录框
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; text-align: center;...原创 2019-03-22 17:47:07 · 355 阅读 · 0 评论 -
注册事件+事件传播和阻止
注册事件的两种方式(原生js) 1. on + 事件名 存在覆盖问题 document.onclick = function(){ alert(1); } document.onclick = function(){ alert(2); } 解绑事件 document.onclick = null; 2. 注册事件新方式 ---...原创 2019-03-22 21:14:34 · 252 阅读 · 0 评论 -
面向对象与面向过程&&举例
面向过程 (洗衣服)-- 站在一个执行者的角度去做事情 // 1. 找个盆 // 2. 收集要洗的衣服 // 3. 放水放洗衣液 // 4. 洗一洗 // 5. 晒一晒面向对象 – 站在指挥者的角度 // 1. 找个对象 // 2. 让他去洗 // 面向对象不是用来替代面向过程, 是封装了面向过程的代码 /...原创 2019-03-22 21:25:41 · 3686 阅读 · 0 评论