自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 exec和match的区别

在pattern(模式中,不涉及到捕获组的时候),分为两种情况:有g和没有g有g<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

2021-08-19 16:09:09 232

原创 Vscode中的软件目录分析

node_modules \ moment表示,此时node_modules的目录下,只有一个文件,而且这个文件里面只有一个子目录node_modules和测试.js,时间格式化方法的模块.js, 使用npm管理工具.js 以及package-lock.json在同一列,这说明,这四个文件在同一个目录下然后再根据这个线,就可以知道,他们同在"15时间格式化这个目录下面"像上面这种a\b的形式中,单击b一次,再单击b一次,在两次单击时,观察目录变化,如果,有多的部分,那就说明,多出的部分(文件).

2021-08-16 10:09:50 567

原创 关于JS中字符串和\的例子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-08-09 08:31:04 300

原创 对嵌套函数调用以及作用域和闭包的简单理解

嵌套函数调用:在a函数里面调用b函数给出如下两种函数嵌套调用的形式第一种:b函数的定义是在a函数里面的let c = 3 function fn1() { console.log(c) let a = 2 let b = 3 function fn2() { a++ co

2021-08-07 09:33:43 339

转载 对Js中class类的理解(构造函数模式+原型模式)

类 Class 类的概念应该是面向对象语言的一个特色,但是JavaScript并不像Java,C++等高级语言那样拥有正式的类,而是多数通过构造器以及原型方式来仿造实现。在讨论构造器和原型方法前,我可以看看一种叫做“工厂模式”的仿造方法。 function start() { alert("Bang!!");}function createCar(color, title) {va...

2021-08-05 21:37:47 586

原创 Js一些方法的注意点

for in 只能枚举可以被枚举的属性,symbol对应的符号属性默认是不能被枚举的,还有些设置了属性描述符的Enumerable属性为false的属性也是不能被枚举的,但是for in不仅能枚举对象自身的属性,还能够枚举其原型上的属性...

2021-08-04 15:50:25 78

原创 对象的属性和方法在简写时犯过的错误

第一种方式中的this.变量的方式,后面必须要是等号,是不允许像第二种方式的简写属性的

2021-08-03 21:46:56 210

原创 看JS书籍复习知识点

toString()和valueOf()的区别alert()会隐式地调用toString()方法,同时,Object对象的属性名本质是一个字符串,即使不是写的字符串,它也会隐式地转化为字符串(调用toString()方法),不同类型的数据调用toString()方法时,可能会得到不同的结果toString()和valueOf()有时候的结果一样,但是有时候的结果会相差地很大...

2021-08-02 20:05:31 80

原创 深度拷贝(克隆)

首先明确的一点是“赋值”语句不是拷贝(克隆),但是“赋值语句”属于“浅拷贝”,浅拷贝意味着修改一个Object对象({})或者是一个Array(数组对象)时,另外的一个对应的Object对象({})或者是一个Array(数组对象)也会发生相应的改变...

2021-07-17 20:43:04 2429 1

原创 深入理解Call

使用Call可以在某个方法的某次调用时,指定该方法中的this,如果该方法中没有this,那么仍然是会执行该方法的<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width

2021-07-17 19:59:49 65

原创 关于prototype能否写在下面这个位置的思考

下面红色圈里面的话能否写在Sub构造函数里面的思考答案:在此处是可以的,因为Sub构造函数执行定义的时候,虽然,里面会默认执行一句话,“Sub的显示原型默认指向一个Object对象,但是,此时Sub其它的语句是不会被执行的”,只有当var sub = new Sub()执行的时候,才会执行Sub里面“显示出现的话”,此时,当执行Sub.prototype.showSubProp时,此时的Sub.prototype已经指向了父类型(Suppe)的实例对象...

2021-07-15 20:39:07 99 1

原创 Generator函数

注意,遇到包含yield就停止下一句话,要正确理解”遇到A,A中含有yield,停止执行A后面的语句,但是会执行A所包含的语句,也就是yield后面的语句

2021-07-14 21:52:34 55

原创 JS的调试

如果程序真的出现死循环,我们可以怎么处理,处理方法为:“基于我们打个断点后,如果这个断点没有取消,那么下次,打开这个文件时,依然会存在这个断点的特点,如下处理”#### 第一步:先不运行下面这句话![在这里插入图片描述](https://img-blog.csdnimg.cn/20210714192143120.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG

2021-07-14 19:49:36 90

原创 ES6中的interator接口问题的思考

index变化值的思考<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt

2021-07-14 17:15:54 222

原创 作用域的反向思考(ES6)第36个视频以及看文档和写代码时的思考

根据作用域的性质,来处理下面的问题看文档的思考a.b(),a对应作用域,b对应属性,找属性(和隐式原型链有关),设置属性和隐式原型链有关(如果c是d的实例对象,设置c的属性值时,不会去看c的隐式原型链,也就是设置c的属性时,原本没有该属性时,就在c里面添加该属性)看到a(),小括号一般就要想到函数的调用...

2021-07-13 16:35:05 72

原创 Promise对象的来源之“开启两个定时器,实现第一个定时器执行完后,执行第二个定时器”

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>开两

2021-07-13 09:37:30 542

原创 箭头函数在不同场景中的写法

箭头函数可以想象成利用函数表达式创建函数对象,箭头左边的要素有 var/let/const 函数对象变量名 = 再加上(),一共四个元素,但是,我们可以注意到在函数形参或者是实参的位置的话,不需要var/let/const 函数变量名 等号 的, 但是可能还是需要()...

2021-07-12 17:18:59 74

原创 ES6作用域的一个问题

函数的形参初始化的一个问题for循环监听的一个问题

2021-07-12 11:27:44 70

原创 ES6之如何判断一个数组是不是伪数组

arguments是一个伪数组,这个意味着,它只能是拥有数组的特性,但是数组对象的很多方法,它是不能应用的,这个,可以从下面的例子看出来上面展示了,arguments是一个伪数组的特点,因为的它的__proto__属性指向的是Object的原型,因为它的__proto__属性中是Object的显示原型对象所拥有的一些方法,但是,下面的arr就不同了,他是Array所new出来的,因此,查看它的__proto__属性可以看到里面是Array的显示原型对象的一些方法...

2021-07-12 10:01:16 240

原创 学完JS高级之后,要了解程序执行的流程

全局执行上下文,全局执行上下文,是针对全局代码和函数代码在执行之前的操作位于浏览器中的主线程的Js引擎模块,在执行代码时,又将代码分为两类:初始化代码和回调代码,它会将回调代码交给浏览器的WebAPIs中的三个事件管理模块去处理,然后事件管理模块中得到的结果传递到回调队列中,当主线程中的初始化代码执行完毕之后,就会使得事件轮询(event loop)把回调队列中的事件交给执行上下文栈(call stack)去处理,针对 这个,涉及到代码写到前面,还是后面的顺序问题,## 上面的worker.message

2021-07-11 14:28:47 110

原创 JS高级需要理清的东西

原型及原型链1. 显示原型,隐式原型,原型链,原型链的用处执行上下文,执行上下文栈1. 变量提升,以及函数提升作用域以及作用域链1. 作用域链可以用来查找变量,以及2. 全局作用域,局部作用域,全局变量,局部变量3. 作用域和执行上下文的关系局部变量被自动释放和函数对象成为垃圾对象的关系,函数对象的变量一定是局部变量吗?(不一定)...

2021-07-07 19:01:56 64

原创 闭包(重难点)

对闭包产生的理解

2021-07-07 16:24:20 162

原创 现在终于知道为什么有时候发现,不能调试的原因了

当在浏览器中打开时,其实这个时候代码已经执行了,这个时候需要先给某个行代码打一个断点,然后重新点击浏览器的刷新按钮,然后,程序在执行的过程中,就会卡在那个那个断点那里了,具体见下图的操作...

2021-07-07 14:46:17 1108

原创 数组和伪数组是有区别的

比如:数组的length和伪数组的length有所不同,这个会影响到程序的运行效率的问题

2021-07-07 14:25:12 109

原创 Js高级视频习题中犯过的错误

上面习题中出错的原因在于,没有理清楚,作用域(全局作用域)和执行上下文的关系(全局上下文,局部执行上下文),分析如下 ,当执行到show这个函数里面f()时,在栈里面产生了一个函数上下文,然后现在就会跳转到fn这个函数所在的虚拟栈里面(栈内部的一个封闭空间),执行console.log(x)这个语句时,会找x,此时会在对应的函数上下文环境中找,没有找到的话,就会去这个函数上下文对应的作用域,这个函数作用域的父级作用域找,直至找到全局作用域...

2021-07-07 13:26:02 79

原创 JS高级笔记

局部变量的自动释放和对象的垃圾回收机制是不一样的

2021-07-05 18:42:57 130

原创 常见的错误

可能的情况,第一:属性名不对 第二:该对象没有该属性 第三:找不到该对象

2021-06-27 19:03:41 32

原创 为DOM对象,添加属性,这个真的牛逼

视频135中,为获取点击的a所处的下标,对a添加这个DOM对象,添加属性,这个真的牛逼下面为DOM对象,添加属性,真的牛逼自写的菜鸡版本 // 点击超链接,切换到指定图片 for(var i = 0; i < navDivSubA.length; i++){ navDivSubA[i].onclick = function(event){ event = event || window.event;

2021-06-27 12:57:43 765

原创 HTML中元素的高和宽到底是由谁来决定的,这个该怎么看

当元素没有脱离文档流时,也没有设置宽和高时,给元素设置relative,该元素并没有脱离文档流此时,行内元素宽和高由其自身决定,块元素的高由其父元素(包含块决定),高由其子元素来决定(是其子元素,而不是后代元素,当然,其子元素的高是由其后代元素决定的话,这个给人的错觉是,貌似该元素的高是由其后代元素决定的,但是,其实不是,准确来说是由其子元素来决定的),更准确的来说是,该元素的高是由其未脱离文档流的子元素的高来决定的,因为,当该元素的子元素脱离了文档流后,就会使得该元素(未脱离文档流)发生高度塌陷问题因

2021-06-26 22:16:01 408

原创 基于Js的轮播图的实现

设置浮动,为什么,不能浮动起来,原因,在于,li的父元素的宽度ul此时默认的是outer的宽度,此时outer的宽度就是一个图片的宽度,所以,给li设置浮动,没有效果

2021-06-26 19:39:24 952 1

原创 定时器的应用3中的提到的问题

解决全局timer的问题,可以为对象添加属性,各自使用各自的timer

2021-06-26 15:42:23 47

原创 Js中null的使用

通过给“DOM对象.事件句柄”赋值为null,可以取消该绑定的响应函数在哈希表(hashTable)判断数组中某个索引处有没有元素

2021-06-23 17:08:52 372

原创 对给事件绑定函数的思考以及定时函数的思考

给事件绑定函数事件绑定是发生在什么时候(该给哪个DOM对象绑定,该给该DOM对象,绑定什么事件句柄)事件触发是在什么时候(这个要看DOM对象和事件句柄,以及该函数的位置)事件触发后,可以持续的时间(这个要看DOM对象和事件句柄)第三点,决定了,第四点----是否需要将某事件进行“清空处理”,也就是,是否需要为某个DOM对象的某个时间句柄,不绑定响应函数了以上几点的思考,可以结合“鼠标的拖拽处理”的笔记思考,链接为“https://blog.csdn.net/qq_41633396/articl

2021-06-23 15:15:52 53

原创 定时器实现轮播图

小练习

2021-06-23 11:00:35 1801

原创 BOM(通过js来操作浏览器)

注意理解这句话,由于navigator是window的属性,那么意味着,navigator是一个全局变量,于是,在调用navigator的属性时,我们可以直接写navigator.属性名,这一点和直接使用document是一样的道理

2021-06-22 19:36:37 107

原创 鼠标拖拽的处理

下面代码中展示了"拖拽"应用<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal

2021-06-17 21:10:18 363 1

原创 前端中要记住的单词

HTML和CSSJavascript链表 LinkedList

2021-06-14 19:38:42 1012 7

原创 DOM关于事件的相关问题

为事件找对象操作处理对象其中,操作处理对象,包括但不限于修改样式,读取样式事件的冒泡上面给出了当后代元素为某事件绑定响应函数时,其祖先元素也有某个相同的事件时,而且祖先元素也绑定了响应的函数,那么会出现冒泡行为其次,如果给一个父元素的某个事件绑定了响应函数,那么,浏览器默认在该父元素的子元素内也会发生该事件,并激发该行为,比如:下面这个例子<!DOCTYPE html><html lang="zh"> <head> <meta

2021-06-14 18:42:57 67

原创 关于DOM操作CSS的注意点

DOM在利用style设置和读取样式的时候,比如border,width,这个都是设置给内联样式的,读取的话,也是从内联样式中读取的,但是除了从内敛样式中读取外,我们还可以借助getComputedStyle()方法和元素名(DOM对象的元素名).currentStyle.样式名来读取元素的样式,但是他们要考虑浏览器的兼容性问题,具体请看“怎么解决属性或者是方法在浏览器中的兼容性问题”另外,还有一点值得注意的是,我们在读取元素的样式的时候,读取的往往是数值,比如:width:100px,但是,我们读取的是

2021-06-14 16:19:10 91

原创 深入了解,html,head,body,document(文档)、视口、window的关系

从DOM(文本对象模型来看)DOM将文档中的节点看作是一个个的对象,包括文档节点(document),元素节点(标签名),属性节点(不是元素节点的子节点)、文本节点,注释节点,上面谈到的每个节点都是一个对象,其中元素节点包括但不限于html、head、body,浏览器为我们创建了访问文档中的节点的入口,也就是document对象,其中document对象也是window对象的属性,document对象是包括html对象的我们所说的网页,一般由三种组成HTML(结构)、CSS(表现)、Js(形式,实现交

2021-06-14 14:56:36 581 5

空空如也

空空如也

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

TA关注的人

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