js高级

js高级程序设计canvas

1.canvas的save()和restore()的区别save()只是保存的绘图上下文的设置和变换，用来保存Canvas的状态，而不是保存绘图的上下文内容。restore()用来恢复Canvas旋转、缩放等之后的状态，当和canvas.save()一起使用时，恢复到canvas.save()保存时的状态。按照我自己的话说，就是假如我们画了一个圆，用save()保存，此时并没有状态的改变操作。然后
cs0710·2020-02-25 09:06

js高级之递归、闭包

递归递归指函数自己调用自己闭包指的是被函数分割形成的作用域，从而形成被保护的私有数据，这个被我们称之为闭包。在我们平常很少使用递归去计算，递归的消耗性能不可忽视，在计算比较小的值的时候我们可以忽略。当然我们在使用的时候需要注意一些问题：1.自己调用自己就相当于循环，以此达到一些便利。2.我们在使用递归时候必须要有跳出的条件，不然就会出现死递归。斐波拉切数列：varfib=function(n){i
小黄鱼的偏执·2020-02-23 09:16

5、面向对象的程序设计1（JS高级笔记）

声明：此文集下的文章都是看了Javascript高级程序设计所做的笔记。此章对应书中的第六章。一、理解对象在JS早期开发中经常使用以下两种方式创建对象：varperson=newObject();person.name="Tom";person.age=23;person.job="SoftwareEngineer";person.sayName=function(){console.log(th
yjaal·2020-02-20 00:42

js高级函数值reduce篇

reduce()方法对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个值。arr.reduce(callback[,initialValue])参数callback执行数组中每个值的函数，包含四个参数：accumulator累加器累加回调的返回值;它是上一次调用回调时返回的累积值，或initialValue（如下所示）。currentValue数组中正在处理的元素。currentI
神秘者007·2020-02-18 01:00

js高级程序设计(第13章小结)

1.元素大小之前对于元素的偏移量和其扩展的属性与方法了解的不是太清楚，这里对下面的几个属性和方法做一下简单的汇总和区别。offsetWidth:它是包含元素的宽度和边框的宽度offsetHeight:它是包含元素的高度和边框的高度clientWidth:它是包含元素的宽度和内边距clientHeight:它是包含元素的高度和内边距offsetLeft:它是元素的左外边框和左内边框之间的距离offs
cs0710·2020-02-14 09:12

js高级之面向对象（一）

对象的定义：JS中一切皆为对象，这是一句常说的话。了解JS对象，从这句话开始吧。JS中的基本数据类型如number，bool，字符串，数组，null，undefined等等都是对象。对象的本质：带有属性和方法的特殊数据类型，而每个属性或者方法又可看做是一个键值对，因此可以这样定义：对象是一系列无序键值对的集合js中有两种对象系统的内置对象：比如说，stringDateArray自己创建的对象声明对
没_有_人·2020-02-12 20:37

JS函数表达式（JS高级程序设计笔记）

函数表达式JS定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。函数声明的语法是这样的。functionfunctionName(arg0,arg1,arg2){//functionbody}函数声明，它的一个重要特征就是函数声明提升（functiondeclarationhoisting），意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。sayHi(
squall1744·2020-02-09 11:12

js基本功01

supportLists]1.1[endif]课程介绍前6天js的基础语法(变量，表达式，运算符，分支语句，数组，函数，对象)后7天DOMAPI后5天js高级jQuery基本使用及小项目[if!
peng凯·2020-02-06 15:00

JS高级程序设计知识点记录（二）

for-in语句作用：枚举对象的属性for(varpropNameinwindow){document.write(propName+"");}函数参数：参数保存在一个数组中，当参数传递时，函数接受到的始终都是这个数组。在函数体内，可以通过arguments对象来访问这个参数数组，从而获取传递给函数的每一个参数。arguments对象不是Array的实例，而是类数组。可通过length()方法来查
sky丶星如雨·2020-02-06 14:27

JS高级定时器

高级定时器关于定时器要记住的最重要的事情是:指定的时间间隔表示何时将定时器的代码添加到队列，而不是何时实际执行代码。定时器对队列的工作方式是，当特定时间过去后将代码插入。注意，给队列添加代码并不意味着对它立刻执行，而只能表示它会尽快执行。设定一个150ms后执行的定时器不代表到了150ms代码就立刻执行，它表示代码会在150ms后被加入到队列中。如果在这个时间点上，队列中没有其他东西，那么这段代码
风吹燕尾·2020-02-05 03:46

【读记】JS高级程序设计-引用类型

#深挖概念【关键字】引用类型、类、Object、构造函数、对象 在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起，也常被称作“类”，但不准确，它们看起来相似，但并不是相同的概念。常见的引用类型有两种，分别是Object类型和Array类型。 值得注意的是，这里的Object并不是我们常说的“对象”，其实对象是Object引用类型的实例，同理数组是Array引用类型的实例
果汁凉茶丶·2020-02-02 13:21

js高级（一）

目录：1、JSON.stringify()和JSON.parse()2、js获取json对象所有key和value3、json对象删除某个字段4、删除数组指定的元素5、Array的splice(index,size,element)方法6、Array的unshift()和push()方法7、Array的shift()和pop()方法8、js使用正则表达式实现字符串的replaceAll的功能9、严
wenbin_ouyang·2020-01-30 20:00

JS高级---数组和伪数组

数组和伪数组伪数组和数组的区别真数组的长度是可变的伪数组的长度不可变functionf1(){varsum=0;for(vari=0;i
jane_panyiyun·2020-01-14 17:00

JS高级---数组和伪数组

数组和伪数组伪数组和数组的区别真数组的长度是可变的伪数组的长度不可变functionf1(){varsum=0;for(vari=0;i
jane_panyiyun·2020-01-14 17:00

JS高级---正则表达式其他方法的使用

正则表达式其他方法的使用正则表达式中:g表示的是全局模式匹配正则表达式中:i表示的是忽略大小写varstr="中国移动:10086,中国联通:10010,中国电信:10000";//把里面所有的数字全部显示出来vararray=str.match(/\d{5}/g);console.log(array);//提取这里的日期varstr="2017-11-12";vararray=str.match
jane_panyiyun·2020-01-14 16:00

JS高级---正则表达式其他方法的使用

正则表达式其他方法的使用正则表达式中:g表示的是全局模式匹配正则表达式中:i表示的是忽略大小写varstr="中国移动:10086,中国联通:10010,中国电信:10000";//把里面所有的数字全部显示出来vararray=str.match(/\d{5}/g);console.log(array);//提取这里的日期varstr="2017-11-12";vararray=str.match
jane_panyiyun·2020-01-14 16:00

JS高级---案例：验证表单

案例：验证表单Documentbody{background:#ccc;}label{width:40px;display:inline-block;}span{color:red;}.container{margin:100pxauto;width:400px;padding:50px;line-height:40px;border:1pxsolid#999;background:#efefef
jane_panyiyun·2020-01-14 16:00

JS高级---案例：验证表单

案例：验证表单Documentbody{background:#ccc;}label{width:40px;display:inline-block;}span{color:red;}.container{margin:100pxauto;width:400px;padding:50px;line-height:40px;border:1pxsolid#999;background:#efefef
jane_panyiyun·2020-01-14 16:00

JS高级---案例：验证用户输入的是不是中文名字

案例：验证用户输入的是不是中文名字[\u4e00-\u9fa5]title请输入您的名字:*//是中文名字,则绿色,否则红色document.getElementById("userName").onblur=function(){varreg=/^[\u4e00-\u9fa5]{2,6}$/;if(reg.test(this.value)){this.style.backgroundColor=
jane_panyiyun·2020-01-14 15:00

JS高级---案例：验证用户输入的是不是中文名字

案例：验证用户输入的是不是中文名字[\u4e00-\u9fa5]title请输入您的名字:*//是中文名字,则绿色,否则红色document.getElementById("userName").onblur=function(){varreg=/^[\u4e00-\u9fa5]{2,6}$/;if(reg.test(this.value)){this.style.backgroundColor=
jane_panyiyun·2020-01-14 15:00

JS高级---案例：验证用户输入的是不是邮箱

案例：验证用户输入的是不是邮箱title*-->请您输入邮箱地址：*//如果输入的是邮箱,那么背景颜色为绿色,否则为红色//获取文本框,注册失去焦点的事件document.getElementById("email").onblur=function(){//判断这个文本框中输入的是不是邮箱varreg=/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]
jane_panyiyun·2020-01-14 15:00

JS高级---案例：验证用户输入的是不是邮箱

案例：验证用户输入的是不是邮箱title*-->请您输入邮箱地址：*//如果输入的是邮箱,那么背景颜色为绿色,否则为红色//获取文本框,注册失去焦点的事件document.getElementById("email").onblur=function(){//判断这个文本框中输入的是不是邮箱varreg=/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]
jane_panyiyun·2020-01-14 15:00

JS高级---案例：验证密码的强度

案例：验证密码的强度1.给我密码,我返回对应的级别2.每次键盘抬起都要获取文本框中的内容,验证文本框中有什么东西,得到一个级别,然后下面的div显示对应的颜色Document#dv{width:300px;height:200px;position:absolute;left:300px;top:100px;}.strengthLv0{height:6px;width:120px;border:1
jane_panyiyun·2020-01-14 15:00

JS高级---案例：验证密码的强度

案例：验证密码的强度1.给我密码,我返回对应的级别2.每次键盘抬起都要获取文本框中的内容,验证文本框中有什么东西,得到一个级别,然后下面的div显示对应的颜色Document#dv{width:300px;height:200px;position:absolute;left:300px;top:100px;}.strengthLv0{height:6px;width:120px;border:1
jane_panyiyun·2020-01-14 15:00

JS高级---识别正则表达式是否匹配

识别正则表达式是否匹配console.log(/[a-zA-Z]+/.test("hello"));console.log(/./.test("除了回车换行以为的任意字符"));//trueconsole.log(/.*/.test("0个到多个"));//trueconsole.log(/.+/.test("1个到多个"));//trueconsole.log(/.?/.test("哈哈"));
jane_panyiyun·2020-01-14 14:00

JS高级---识别正则表达式是否匹配

识别正则表达式是否匹配console.log(/[a-zA-Z]+/.test("hello"));console.log(/./.test("除了回车换行以为的任意字符"));//trueconsole.log(/.*/.test("0个到多个"));//trueconsole.log(/.+/.test("1个到多个"));//trueconsole.log(/.?/.test("哈哈"));
jane_panyiyun·2020-01-14 14:00

JS高级---正则表达式练习身份证号码

写正则表达式,根据字符串来写正则表达式进行匹配经验:1.找规律2.不要追求完美身份证的正则表达式15位或者18位([1-9][0-9]{14})|([1-9][0-9]{16}[0-9xX])([1-9][0-9]{14})([0-9]{2}[0-9xX])?1.座机号码的正则表达式010-198767540431-87123490[0-9]{3,4}[-][0-9]{8}\d{3,4}[-]\d
jane_panyiyun·2020-01-14 14:00

JS高级---正则表达式练习身份证号码

写正则表达式,根据字符串来写正则表达式进行匹配经验:1.找规律2.不要追求完美身份证的正则表达式15位或者18位([1-9][0-9]{14})|([1-9][0-9]{16}[0-9xX])([1-9][0-9]{14})([0-9]{2}[0-9xX])?1.座机号码的正则表达式010-198767540431-87123490[0-9]{3,4}[-][0-9]{8}\d{3,4}[-]\d
jane_panyiyun·2020-01-14 14:00

JS高级---正则表达式

正则表达式也叫规则表达式,按照一定的规则组成的一个表达式,这个表达式的作用主要是匹配字符串的"我的电话:10086,他的电话:10010,你的电话:10000"正则表达式,把这个字符串中的所有的数字找到正则表达式的作用:匹配字符串的在大多数编程语言中都可以使用正则表达式的组成:是由元字符或者是限定符组成的一个式子元字符:.表示的是:除了\n以外的任意的一个字符"fdsfs238"[]表示的是:范围
jane_panyiyun·2020-01-14 13:00

JS高级---正则表达式

正则表达式也叫规则表达式,按照一定的规则组成的一个表达式,这个表达式的作用主要是匹配字符串的"我的电话:10086,他的电话:10010,你的电话:10000"正则表达式,把这个字符串中的所有的数字找到正则表达式的作用:匹配字符串的在大多数编程语言中都可以使用正则表达式的组成:是由元字符或者是限定符组成的一个式子元字符:.表示的是:除了\n以外的任意的一个字符"fdsfs238"[]表示的是:范围
jane_panyiyun·2020-01-14 13:00

JS高级---遍历DOM树

遍历DOM树第一个函数:给我根节点,我会找到所有的子节点:forDOM(根节点)获取这个根节点的子节点varchildren=根节点的.children调用第二个函数第二个函数:给我所有的子节点,我把每个子节点的名字显示出来(children)for(vari=0;i遍历DOM树遍历DOM树Tip:可以在遍历的回调函数中任意定制需求123456789haha123helloworlddsadsad
jane_panyiyun·2020-01-13 15:00

JS高级---深拷贝

深拷贝拷贝还是复制,深:把一个对象中所有的属性或者方法,一个一个的找到，并且在另一个对象中开辟相应的空间,一个一个的存储到另一个对象中//深拷贝:拷贝还是复制,深:把一个对象中所有的属性或者方法,一个一个的找到.并且在另一个对象中开辟相应的空间,一个一个的存储到另一个对象中varobj1={age:10,sex:"男",car:["奔驰","宝马","特斯拉","奥拓"],dog:{name:"大
jane_panyiyun·2020-01-13 14:00

JS高级---浅拷贝

浅拷贝拷贝就是复制,就相当于把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以使用写一个函数,作用:把一个对象的属性复制到另一个对象中,浅拷贝varobj1={age:10,sex:"男",car:["奔驰","宝马","特斯拉","奥拓"]};//另一个对象varobj2={};//写一个函
jane_panyiyun·2020-01-13 14:00

JS高级---复习和课程介绍

课程介绍浅拷贝深拷贝----------|======>递归遍历DOM树-------|======>递归------晚上能够把代码写出来是最好的正则表达式-------很重要的东西元字符写几个正则表达式写代码正则表达式的案例=========>代码写出来数组和伪数组的区别复习apply和call方法的使用和区别都可以改变this指向的使用方式:函数名.apply(对象,[参数1,参数2,参数3,
jane_panyiyun·2020-01-13 11:00

JS高级---递归案例

递归案例递归案例:求一个数字各个位数上的数字的和:123--->6---1+2+3//递归案例:求一个数字各个位数上的数字的和:123--->6---1+2+3functiongetEverySum(x){if(x<10){returnx;}//获取的是这个数字的个位数returnx%10+getEverySum(parseInt(x/10));}console.log(getEverySum(1
jane_panyiyun·2020-01-13 10:00

JS高级---沙箱小案例

沙箱小案例substr截取,从指定的字段开始截取(function(){varstr="小白喜欢小黑";str=str.substr(2);console.log(str);}());substr截取,从指定的字段开始截取//沙箱(function(){varstr="小明喜欢小红";str=str.substr(2);console.log(str);}());沙箱的案例，操作页面元素这是div
jane_panyiyun·2020-01-10 11:00

JS高级---沙箱

沙箱沙箱:环境,黑盒,在一个虚拟的环境中模拟真实世界,做实验,实验结果和真实世界的结果是一样,但是不会影响真实世界全局变量varnum=10;console.log(num+10);//沙箱---小环境(function(){varnum=10;console.log(num);})();//沙箱---小环境(function(){varnum=20;console.log(num+10);}()
jane_panyiyun·2020-01-10 11:00

JS高级---闭包案例，点赞

闭包案例，点赞//获取所有的按钮//根据标签名字获取元素functionmy$(tagName){returndocument.getElementsByTagName(tagName);}//闭包缓存数据functiongetValue(){varvalue=2;returnfunction(){//每一次点击的时候,都应该改变当前点击按钮的value值this.value="赞("+(valu
jane_panyiyun·2020-01-10 11:00

JS高级---闭包案例，产生多个相同的随机数

闭包案例，产生多个相同的随机数总结:如果想要缓存数据,就把这个数据放在外层的函数和里层的函数的中间位置闭包的作用:缓存数据；优点也是缺陷,没有及时的释放局部变量是在函数中,函数使用结束后,局部变量就会被自动的释放闭包后,里面的局部变量的使用作用域链就会被延长产生的3个随机数（随机，不同的）functionshowRandom(){varnum=parseInt(Math.random()*10+1
jane_panyiyun·2020-01-10 11:00

JS高级---闭包小案例

闭包小案例普通的函数//普通的函数functionf1(){varnum=10;num++;returnnum;}console.log(f1());//11console.log(f1());//11console.log(f1());//11函数模式的闭包//函数模式的闭包functionf2(){varnum=10;returnfunction(){num++;returnnum;}}var
jane_panyiyun·2020-01-09 18:00

JS高级---闭包小案例

闭包小案例普通的函数//普通的函数functionf1(){varnum=10;num++;returnnum;}console.log(f1());//11console.log(f1());//11console.log(f1());//11函数模式的闭包//函数模式的闭包functionf2(){varnum=10;returnfunction(){num++;returnnum;}}var
jane_panyiyun·2020-01-09 18:00

JS高级---闭包

闭包闭包的概念:函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者是数据,此时形成了闭包(这句话暂时不严谨)闭包的模式:函数模式的闭包,对象模式的闭包闭包的作用:缓存数据,延长作用域链闭包的优点和缺点:缓存数据闭包的应用函数模式的闭包:在一个函数中有一个函数//函数模式的闭包:在一个函数中有一个函数functionf1(){varnum=10;//函数的声明functionf2(){c
jane_panyiyun·2020-01-09 18:00

JS高级---闭包

闭包闭包的概念:函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者是数据,此时形成了闭包(这句话暂时不严谨)闭包的模式:函数模式的闭包,对象模式的闭包闭包的作用:缓存数据,延长作用域链闭包的优点和缺点:缓存数据闭包的应用函数模式的闭包:在一个函数中有一个函数//函数模式的闭包:在一个函数中有一个函数functionf1(){varnum=10;//函数的声明functionf2(){c
jane_panyiyun·2020-01-09 18:00

JS高级---作用域，作用域链和预解析

作用域，作用域链和预解析变量---->局部变量和全局变量,作用域:就是变量的使用范围局部作用域和全局作用域js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用函数中定义的变量是局部变量while(true){varnum=10;break;}console.log(num);//10{varnum2=100;}console.log(num2);//100if(true){
jane_panyiyun·2020-01-09 15:00

JS高级---作用域，作用域链和预解析

作用域，作用域链和预解析变量---->局部变量和全局变量,作用域:就是变量的使用范围局部作用域和全局作用域js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用函数中定义的变量是局部变量while(true){varnum=10;break;}console.log(num);//10{varnum2=100;}console.log(num2);//100if(true){
jane_panyiyun·2020-01-09 15:00

JS高级---函数作为返回值使用拓展，排序

函数作为返回值使用拓展，排序排序,每个文件都有名字，大小，时间，都可以按照某个属性的值进行排序函数作为返回值函数作为参数//排序,每个文件都有名字，大小,时间,都可以按照某个属性的值进行排序//三部电影,电影有名字,大小,上映时间functionFile(name,size,time){this.name=name;//电影名字this.size=size;//电影大小this.time=time
jane_panyiyun·2020-01-09 15:00

JS高级---函数作为返回值使用拓展，排序

函数作为返回值使用拓展，排序排序,每个文件都有名字，大小，时间，都可以按照某个属性的值进行排序函数作为返回值函数作为参数//排序,每个文件都有名字，大小,时间,都可以按照某个属性的值进行排序//三部电影,电影有名字,大小,上映时间functionFile(name,size,time){this.name=name;//电影名字this.size=size;//电影大小this.time=time
jane_panyiyun·2020-01-09 15:00

JS高级---函数作为参数使用

函数作为参数使用vararr=[1,100,20,200,40,50,120,10];//排序arr.sort();console.log(arr);排序---函数作为参数使用,匿名函数作为sort方法的参数使用,那么此时的匿名函数中有两个参数vararr=[1,100,20,200,40,50,120,10];//排序---函数作为参数使用,匿名函数作为sort方法的参数使用,那么此时的匿名函数
jane_panyiyun·2020-01-09 14:00

JS高级---函数作为参数使用

函数作为参数使用vararr=[1,100,20,200,40,50,120,10];//排序arr.sort();console.log(arr);排序---函数作为参数使用,匿名函数作为sort方法的参数使用,那么此时的匿名函数中有两个参数vararr=[1,100,20,200,40,50,120,10];//排序---函数作为参数使用,匿名函数作为sort方法的参数使用,那么此时的匿名函数
jane_panyiyun·2020-01-09 14:00

JS高级---函数作为返回值使用

函数作为返回值使用functionf1(){console.log("f1函数开始");returnfunction(){console.log("函数作为返回值使用");}}  获取num这个变量的数据类型num判断这个对象是不是某个类型的varnum=10;console.log(typeofnum);//numvarobj={};console.log(objinstanceofObject
jane_panyiyun·2020-01-09 14:00
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他