Java_young_man的博客

JS高级-正则表达式文章目录JS高级-正则表达式1.正则表达式概述2.正则表达式在JavaScript中的使用2.1创建正则表达式2.2测试正则表达式 test3.正则表达式中的特殊字符3.1正则表达式的组成3.2边界符3.2字符类3.3量词符3.3预定义类4.正则表达式的替换4.1 replace 替换4.1正则表达式参数1.正则表达式概述正则表达式用于匹配字符串中字符组合、替换页面内容的文本词、或从字符串中提取我们需要的特定部分。正则表达式也是对象。2.正则表达式在JavaScript中的使用

JS高级-函数进阶文章目录JS高级-函数进阶1.函数的定义和调用1.1函数的定义方式1.2函数的调用方式2.this2.1 改变函数内部 this 指向2.2 call apply bind 总结3.严格模式3.1什么是严格模式3.2开启严格模式3.3严格模式中的变化4.高阶函数5.闭包5.1变量作用域5.2什么是闭包5.3闭包案例6.递归6.1什么是递归？6.2浅拷贝和深拷贝1.函数的定义和调用1.1函数的定义方式1.函数声明方式 function 关键字(命名函数)//自定义函数(命名函数)

JS高级-ES5中的新增方法1.ES5新增方法概述ES5中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法字符串方法对象方法1.1数组方法迭代(遍历)方法:forEach()、map()、filter()、every();forEach()语法：array.forEach(function(currentValue,index,arr))currentValue:数组当前项的值index:数组当前项的索引arr:数组对象本身var arr=[

JS高级-构造函数与原型1.实例、静态成员以及构造函数1.1实例成员实例成员就是通过构造函数内部的this添加的成员实例成员只能通过实例化的对象来访问,不可以通过构造函数来访问实例成员function Fun(name,age,sex){ this.name=name; this.age=age; this.sex=sex; this.test=function(){ console.log('实例成员') }}var fun=new

JS高级-面向对象编程1.面向对象编程介绍1.1两大编程思想面向过程面向对象1.2面向过程编程POP面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.3面向对象变编程OOP面向对象就是把事务分解成一个个对象，然后由对象之间分工与合作。就好将大象装进冰箱，面向对象的做法就是先找到对象，并写出这些对象的功能：1.大象对象功能：进去2.冰箱对象功能：打开、关闭3.使用大象和冰箱的功能因此面向对象就是以对象功能来划分

JS-事件对象事件对象是什么事件对象也是对象，这个对象里有事件触发时的相关信息例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息如何获取在事件绑定的回调函数的第一个参数就是事件对象一般命名为 event、ev、e语法规范：// e 就是 事件对象元素.addEventListener('click',function(e){})获取事件对象常用属性type获取当前的事件类型clientX/clientY获取光标相对于浏览器可见窗口左上角的位置offsetX/of

JS-DOM节点操作DOM节点DOM树里每一个内容都称之为节点节点类型元素节点所有的标签 比如 body divhtml 是根节点属性节点所有的属性 比如 href文本节点所有的文本查找节点父节点查找parentNode 属性返回最近一级的父节点 找不到的返回null语法：子节点.parentNode <div class="father"> <div class="son"> 儿子 &l

JS-事件什么是事件事件是在编程时系统内发生的动作或者发生的事情比如一个用户在网页上单击一个按钮什么是事件监听就是让程序检测是否有事件产生，一旦有事件触发，就会立即调用一个函数做出响应，也称为 注册事件语法元素.addEventListener(‘事件’，要执行的函数)事件监听的三要素1.事件源:哪个DOM元素被事件触发了,要获取DOM元素2.事件:用什么方式触发,比如鼠标单击click,鼠标经过mouseover等3.事件调用函数:要做什么事注意1.事件类型要加引号2.函数是点

获取DOM对象1.根据CSS选择器来获取DOM元素1.1选择匹配的第一个元素语法:document.querySelector(“css选择器”);参数:包含一个或者多个有效的CSS选择器。返回值:CSS选择器匹配的第一个元素，一个HTMLElement对象。如果没有匹配到，则返回null。<div>我是一个盒子</div><script> //js 获取元素 let div=document.querySelector("div");

JS-DOM（基础）获取元素节点通过document对象调用以下各种获取方法通过例子逐个进行演示<div id="total"> <div class="inner"> <p> 你喜欢哪个城市 </p> <ul id="city"> <li id="bj">北京</li> <li&gt

JS-数组数组(Array)，数组也是一个对象，它和普通对象功能类似，也是用来存储一些值的。不同的是普通对象是使用字符串作为属性名的，而数组是利用数字作为索引操作元素。索引:从零开始的整数就是索引。数组的存储性能比普通对象要好，在开发中我们经常用数组存储一些数据。创建数组var arr=new Array();console.log(typeof arr);//object向数组中添加元素语法:数组[索引]=值arr[0]=10;arr[1]=20;console.log(arr)

JS-函数函数-函数也是一个对象-普通对象就像一容器 他只能装填属性-函数可以封装一些功能代码,在需要的时候执行这些功能代码创建一个函数对象(实际开发并不采用)var fun=new Function ();console.log(fun);//使用typeof 检查一个函数对象时,会返回functionconsole.log(typeof fun);可以将封装的代码以字符串的形式传递给构造函数var fun=new Function("conslog.log('hello')");

JS-对象了解对象前先说说数据类型数据类型可以分为两大类1.基本数据类型2.引用数据类型基本数据类型String 字符串Number 数值Boolean 布尔Null 空值Undefined 未定义引用数据类型Object 对象对象对象属于一种符合的数据类型，在对象中可以保存多个不同数据类型的属性对象的分类1.内建对象-由ES标准中定义的对象，在任何的ES的视线中都可以实现-比如：Math String Number Boolean Function Object2.宿主

JS中this指向解析this的指向方式根据函数调用的方式不同，this会指向不同的对象1.以函数的形式调用时，this永远都是window2.以方法的形式调用时，this就是调用方法的那个对象全局作用域中this的指向为window//直接打印console.log(this);//window//function声明函数function bar(){ onsole.log(this) };bar();//window//function声明函数赋给变量var bar

JS高级—数据类型分类基本(值)类型 String:任意字符串 Number:任意的数字 Boolean:true/false undefined:undefined null:null对象(引用)类型 Object:任意对象 function:一种特别的对象(可执行的) array:一种特别的对象(数值下标属性)判断 typeof: 可以判断 undefined/数值/字符串/布尔类型 不能