自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 彻底搞懂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 128

原创 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 149

原创 解决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 109

原创 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 461

原创 JavaScript实现发布者订阅模式

发布者订阅模式简介 发布—订阅模式又叫观察者模式,它定义对象间的一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在javascript开发中,一般用事件模型来替代传统的发布—订阅模式。 代码实现如下 //定义发布者订阅模式模型 function message () { this.messageList = {} //消息列表 } /** * 设置订阅者 * key 标识(string类型) * fn

2020-12-28 16:48:01 436 1

原创 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 926 2

原创 记录面试题,给定n个数,求这n个数组成的最大数

给定N个数,求这n个数能组成的最大数 解题思路:要想组成最大数,则高位上的数字越大则这个数就越大,所以要在给定的数字中选择最高位最大的数字往前面排 。方法如下:比如给定了两个数是12和1,假设12为a,1为b,则有ab>ba,即a必须排b前面,同理假如有第三个数c,假设ab>ba , bc>cb,则ac>ca。 下面是代码的简单实现: //初始化比较函数 function compare(a,b){ let A = Number(String(a)+String(b)) le

2020-12-10 10:40:32 797

原创 实现一个简单的Promise

Promise简介 Promise是一个对象或者函数对外提供了then函数,且内部拥有三个状态。 Promise内部的三个状态分别为: pending:‘等待’状态,可以转移到fulfilled(已成功)状态或者rejected(已失败)状态。 fulfilled:‘执行’状态,是Promise的最终态,表示执行成功,该状态下不可在改变。 rejected:‘拒绝’状态,是Promise的最终态,表示执行失败,该状态下不可在改变 then方法则是返回一个新的Promise实例,并接收两个参数onRe

2020-12-09 19:37:40 125

原创 JavaScript防抖与节流

三个DOM事件常用场景(防抖、节流、代理这里写目录标题

2020-12-07 22:41:10 148

原创 webpack认识

webpack初步认识与了解webpack是什么为什要使用WebPackwebpack的核心特性以及工作模式如何初始化webpack webpack是什么 wbpack一个前端打包的利器,它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 为什要使用WebPack 在我们日常开发中每一个项目都有大量的css、js、图片等文件,这样会导致页面加载慢,所以有必要将他们合并为一个文件,所

2020-12-04 19:11:32 106

空空如也

空空如也

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

TA关注的人

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