技术
文章平均质量分 59
weixin_52944656
这个作者很懒,什么都没留下…
展开
-
彻底搞懂JS中this绑定规则
JS中this指向绑定规则可以分为以下几种: 默认绑定 隐式绑定 显示绑定 new绑定 1.默认绑定 当无法应用前面说的其它三种规则的时候,就会应用默认绑定,此时的this会绑定全局对象(注:在严格模式下this无法绑定全局对象而是绑定到underfind) var a = 1 function fn1() { console.log(this) console.log(this.a) } function fn2() { "us原创 2021-05-31 13:31:33 · 110 阅读 · 0 评论 -
JS对象转树形结构
题目 var obj = { 'a.b.c.d': 'value', 'e.c':'vvv', 'aaa': 'v', 'eeee': 'va' } //将上述结构转化为下列格式 var obj = { a:{ b:{ c:{ d:'value' } } }, e:{ c:'vvv' }原创 2020-12-28 11:29:48 · 910 阅读 · 2 评论 -
JavaScript数组中常用API汇总
数组不会改变原数组的方法1.slice2.map3.forEach4.every5.some6.filter7.reduce8.entries9.find10.concat会改变原数组的方法1.pop2.push3.shift4.unshift5.sort6.reverse7.fill7.copyWithin8.splicejoin 不会改变原数组的方法 1.slice 定义: slice()方法通过索引位置获取新的数组,该方法不会修改原数组,只是返回一个新的子数组。 用法:slice(start原创 2021-02-27 14:02:42 · 135 阅读 · 0 评论 -
解决github加载慢图片加载不出来
首先在C:\Windows\System32\drivers\etc目录下找到hosts文件打开后在末尾添加下面代码即可 # GitHub Start 199.59.242.153 gist.github.com 185.199.108.153 assets-cdn.github.com 199.232.96.133 raw.githubusercontent.com 199.232.96.133 gist.githubusercontent.com 199.232.96.133 cloud.github原创 2021-02-01 15:35:35 · 98 阅读 · 0 评论 -
JavaScript函数参数传值问题
JS中函数传递问题 首先先上个结论,在JavaScript中函数只有值传递,没有引用传递。 1.向参数传递基本数据类型 基本数据类型包括number、string这些。那么当传入这些基本类型时,是否可以通过形参来修改呢? EXP: var num = 123 function text(a){ a = 1 console.log(a) //1 } text(num) // 1 console.log(num) //123 通过上面例子可以看到不可以通过形参的数值修原创 2021-01-12 16:34:04 · 446 阅读 · 0 评论 -
JavaScript实现发布者订阅模式
发布者订阅模式简介 发布—订阅模式又叫观察者模式,它定义对象间的一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在javascript开发中,一般用事件模型来替代传统的发布—订阅模式。 代码实现如下 //定义发布者订阅模式模型 function message () { this.messageList = {} //消息列表 } /** * 设置订阅者 * key 标识(string类型) * fn原创 2020-12-28 16:48:01 · 421 阅读 · 1 评论 -
实现一个简单的Promise
Promise简介 Promise是一个对象或者函数对外提供了then函数,且内部拥有三个状态。 Promise内部的三个状态分别为: pending:‘等待’状态,可以转移到fulfilled(已成功)状态或者rejected(已失败)状态。 fulfilled:‘执行’状态,是Promise的最终态,表示执行成功,该状态下不可在改变。 rejected:‘拒绝’状态,是Promise的最终态,表示执行失败,该状态下不可在改变 then方法则是返回一个新的Promise实例,并接收两个参数onRe原创 2020-12-09 19:37:40 · 118 阅读 · 0 评论 -
JavaScript防抖与节流
三个DOM事件常用场景(防抖、节流、代理这里写目录标题原创 2020-12-07 22:41:10 · 138 阅读 · 0 评论 -
webpack认识
webpack初步认识与了解webpack是什么为什要使用WebPackwebpack的核心特性以及工作模式如何初始化webpack webpack是什么 wbpack一个前端打包的利器,它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 为什要使用WebPack 在我们日常开发中每一个项目都有大量的css、js、图片等文件,这样会导致页面加载慢,所以有必要将他们合并为一个文件,所原创 2020-12-04 19:11:32 · 88 阅读 · 0 评论