Zerbrochen-CSDN博客

原创【浅析】JS之DOM的增删查改

选择DOM元素Node节点Node 是一个接口，各种类型的 DOM API 对象会从这个接口继承。他有一些方法：名字描述Node.firstChild返回该元素的第一个子元素Node.lastChild返回该元素的最后一个子元素Node.parentNode返回该元素的父元素Node.previousSibling返回该元素的同辈的前一个元素查document.getElementById()根据id查找dom元素，自上而下查找，如果有多个

2022-04-02 22:22:53 411

原创【浅析】Javascript 闭包

文章目录闭包作用域和作用域链块级作用域是什么？作用域与作用域链那究竟什么是闭包呢？理解了闭包，但是闭包有什么用呢？闭包的缺点闭包什么是闭包？闭包是一个函数和对其周围状态的引用捆绑在一起。想要理解这句话，需要明白以下几个知识点：作用域与作用域链执行上下文this作用域和作用域链JS中，作用域有3中：全局作用域、函数作用域、块级作用域（ES2015）函数作用域和块级作用域是可以访问全局作用域中的属性与方法的；子作用域也是可以访问父作用域的属性与方法的。块级作用域是什么？{

2022-03-30 21:35:53 1154

原创 Javascript 流程控制

流程控制分支结构if-else结构if语法： if (condition){ //当条件为 true 时执行的代码 }if…else语法： if (condition){ 当条件为 true 时执行的代码}else{ 当条件不为 true 时执行的代码}if…else-if…else语法： if (condition1){ 当条件 1 为 true 时执行的代码 }else if (

2022-03-26 22:51:05 683

原创【精讲】Javascript this指针、call()、bind()、apply()

this指针什么是this指针this指执行上下文，通常指向一个对象。在严格模式下有一点不同,体现在函数中调用this指针。 /*非严格模式*/ function demo(){ alert(this); } demo();//windows /*严格模式*/ function demo() { "use strict"; alert(this); } demo();//undefined在

2022-03-26 21:31:23 703

原创【精讲】Javascript对象属性（数据属性、访问器属性）

使用访问器属性 var person=｛ name:'xiaoming', ｝ Object.defineProperty(person,"sayName",{ get:function(){ return this.name; } }); perosn.sayName();

2022-03-26 15:05:28 2259

原创【精讲】Javascript模板字面量

模板字面量是什么？模板字面量，是允许嵌入表达式的字符串字面量。他的语法结构是：`string ${expression} string`用反引号包括住整个模板字面量。表达式要用${}包括。要在模板字面量内使用反引号，需要用斜杠转义输出。支持输出多行模板字面量支持表达式 var name = '李华'; var age = 19; alert(`${name} 已经 ${age} 岁了 `); alert(`这里要输出一个反引号\``)

2022-03-25 19:20:45 1818

原创【精讲】JavaScript函数

函数基础知识函数的定义function demo(){ //code...}const square = function(number) { return number * number; };JS不支持函数的重载，后面写的会覆盖前面的。 function a(a,b,c){}//被覆盖了 function a(a,b){} console.log(a);//f a(a,b){}函数表达式/标签函数虽然上面的函数声明在语法上是一个语句，但函数也可

2022-03-24 14:41:55 794

原创【精讲】JavaScript变量

Javascript 变量变量提升只有var声明的变量存在变量提升！！！！let和const都没有变量提升！！变量提升提升的是定义而不是赋值！！所谓定义，就是变量声明的过程，此时的变量是没有被赋值的。 console.log(a);//undefine var a=80;上面的代码等价于 var a;//变量提升的实质就是把变量的声明提到顶部 console.log(a);//undefine a=50let 和 const无变量提升 con

2022-03-20 21:41:22 1127

原创超链接样式、盒子模型、定位

超链接样式超链接伪类简介超链接共有伪类，分别是：link：未访问的超链接（没被点击过。visited：已被访问过的超链接（被点过。hover：鼠标悬停。active：选定的链接，被点住，松开后就不适用该样式。深入了解超链接伪类注意：这四个伪类必须按照一定的顺序设置，不然会意外，因为link和active是常态样式，而hover和active是瞬时属性。顺序：link–visited–hover-active当一个超链接处于未激活的状态下，它是适用于link伪类的，若此时将鼠标悬停（ho

2022-03-15 21:16:00 1392

weixin_46229315的博客