上一页 1 ··· 21 22 23 24 25 26 27 28 29 ··· 36 下一页

2020年1月22日

241 获取对象的属性名:Object.keys(对象)

摘要: Object.keys(对象) :获取到当前对象中的属性名 ,返回值是有元素为字符串的一个数组,效果类似 for…in。 阅读全文

posted @ 2020-01-22 11:14 冲啊! 阅读(321) 评论(0) 推荐(0) 编辑

240 trim方法去除字符串两端的空格

摘要: var str = ' hello ' console.log(str.trim()) //hello 去除两端空格 var str1 = ' he l l o ' console.log(str.trim()) //he l l o 去除两端空格 <!DOCTYPE html> <html lan 阅读全文

posted @ 2020-01-22 10:17 冲啊! 阅读(154) 评论(0) 推荐(0) 编辑

239 筛选商品案例:使用forEach()、filter()、some()

摘要: 1. 定义数组对象数据 2. 使用forEach遍历数据并渲染到页面中 3. 根据价格筛选数据 1. 获取到搜索按钮并为其绑定点击事件 2. 使用filter将用户输入的价格信息筛选出来 2. 将筛选之后的数据重新渲染 阅读全文

posted @ 2020-01-22 09:50 冲啊! 阅读(162) 评论(0) 推荐(0) 编辑

2020年1月21日

238 ES5新增方法:forEach()、map()、filter()、some()、every(),some、forEach、filter区别,from,of,find,findIndex

摘要: 3.1 数组方法forEach遍历数组 3.2 数组方法filter过滤数组 filter删除数组元素【最完美】 3.3 数组方法some 3.4 some、forEach、filter区别 如果查询数组中唯一的元素,用some方法更合适,在some 里面 遇到 return true 就是终止遍历 阅读全文

posted @ 2020-01-21 21:49 冲啊! 阅读(171) 评论(0) 推荐(0) 编辑

237 借用原型对象,继承【父类】方法 【寄生组合继承】

摘要: 先定义一个父构造函数 再定义一个子构造函数 子构造函数继承父构造函数的属性(使用call方法) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de 阅读全文

posted @ 2020-01-21 20:14 冲啊! 阅读(274) 评论(0) 推荐(0) 编辑

236 子构造函数继承父构造函数中的属性

摘要: 1. 先定义一个父构造函数 2. 再定义一个子构造函数 3. 子构造函数继承父构造函数的属性(使用call方法) 阅读全文

posted @ 2020-01-21 18:11 冲啊! 阅读(166) 评论(0) 推荐(0) 编辑

235 继承 之 call()

摘要: ES6之前并没有给我们提供 extends 继承。 我们可以通过构造函数 + 原型对象模拟实现继承,被称为组合继承。 【构造函数:集成属性,原型对象:集成方法。】 call():可以调用函数 call():可以修改this的指向, 使用call()的时候,参数一是修改后的this指向, 参数2, 参 阅读全文

posted @ 2020-01-21 14:04 冲啊! 阅读(116) 评论(0) 推荐(0) 编辑

234 原型对象中this指向; 通过原型,为数组扩展内置方法

摘要: 1.10 原型对象中this指向 构造函数中的this和原型对象的this, 都指向我们new出来的实例对象。 1.11 通过原型,为数组扩展内置方法 可以通过原型对象,对原来的内置对象进行扩展自定义的方法。比如给数组增加自定义求偶数和的功能。 注意:数组和字符串内置对象不能给原型对象覆盖操作 Ar 阅读全文

posted @ 2020-01-21 13:31 冲啊! 阅读(222) 评论(0) 推荐(0) 编辑

233 原型链【__proto__】,原型链和成员的查找机制

摘要: 1.8 原型链 【通过所有对象的__proto__属性,形成原型链。】 ​ 每一个实例对象又有一个__proto__属性,指向的构造函数的原型对象,构造函数的原型对象也是一个对象,也有__proto__属性,这样一层一层往上找就形成了原型链。 1.9 原型链和成员的查找机制 任何对象都有原型对象, 阅读全文

posted @ 2020-01-21 11:33 冲啊! 阅读(309) 评论(0) 推荐(0) 编辑

232 constructor构造函数,构造函数、实例、原型对象的三角关系

摘要: 1.6 constructor构造函数 html 对象原型( __proto__)和构造函数原型对象(prototype)里面都有一个属性 constructor 属性 ,constructor 我们称为构造函数,因为 。 。 一般情况下,对象的方法都在构造函数的原型对象中设置。如果有多个对象的方法 阅读全文

posted @ 2020-01-21 10:15 冲啊! 阅读(246) 评论(0) 推荐(0) 编辑

2020年1月20日

231 对象原型 __proto__

摘要: ### ```html 1、【实例】对象都会有一个属性 __proto__ 指向构造函数的 prototype 原型对象。 2、之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法,就是因为对象有 __proto__ 原型的存在。 3、__proto__对象原型和原型对象 prototype 是等价的。 4、__proto__对象原型的意义,就在于为对象的查找机制提供一个方向, 阅读全文

posted @ 2020-01-20 21:17 冲啊! 阅读(142) 评论(0) 推荐(0) 编辑

230 构造函数原型prototype

摘要: 构造函数通过原型分配的函数是所有【实例】对象所共享的 。 JavaScript 规定,每一个构造函数都有一个prototype 属性,指向另一个对象。注意,这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。 我们可以把那些不变的方法,直接定义在 prototype 阅读全文

posted @ 2020-01-20 21:16 冲啊! 阅读(130) 评论(0) 推荐(0) 编辑

229 ES5构造函数的问题

摘要: 构造函数方法很好用,但是存在浪费内存的问题。 js function Star(uname, age) { this.uname = uname; this.age = age; this.sing = function(song) { console.log( ); } } var s1 = ne 阅读全文

posted @ 2020-01-20 20:40 冲啊! 阅读(152) 评论(0) 推荐(0) 编辑

228 静态成员和实例成员

摘要: 1.2.1 实例成员 实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问 1.2.2 静态成员 静态成员 在构造函数本身上添加的成员 如下列代码中 sex 就是静态成员,静态成员只能通过构造函数来访问 阅读全文

posted @ 2020-01-20 19:15 冲啊! 阅读(136) 评论(0) 推荐(0) 编辑

227 面向对象版tab 栏切换

摘要: 3.1 功能需求 1. 点击 tab栏,可以切换效果. 2. 点击 + 号, 可以添加 tab 项和内容项. 3. 点击 x 号, 可以删除当前的tab项和内容项. 4. 双击tab项文字或者内容项文字可以修改里面的文字内容 3.2 案例准备 1. 获取到标题元素 2. 获取到内容元素 3. 获取到 阅读全文

posted @ 2020-01-20 11:21 冲啊! 阅读(245) 评论(0) 推荐(0) 编辑

226 对象与类 之 类: class 创建类,constructor构造函数, 类创建添加属性和方法,类的继承extends,super访问父类的方法,this 指向

摘要: 类 在 ES6 中新增加了类的概念,可以使用 class 关键字声明一个类,之后以这个类来实例化对象。 类抽象了对象的公共部分,它泛指某一大类(class) 对象特指某一个,通过类实例化一个具体的对象 面向对象的思维特点: 1. 抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模板) 2. 对 阅读全文

posted @ 2020-01-20 11:15 冲啊! 阅读(342) 评论(0) 推荐(0) 编辑

2020年1月18日

225 对象与类 之 对象

摘要: 2.1 对象 对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词) 2.1.1 创建对象 如上两行代码运行结果为: 阅读全文

posted @ 2020-01-18 12:00 冲啊! 阅读(127) 评论(0) 推荐(0) 编辑

224 面向对象编程介绍,面向过程与面向对象

摘要: 1.1 面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 1.2 面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3 面向过程与面向对象对比 | | 面向过程 | 面向对象 | | | | | 阅读全文

posted @ 2020-01-18 11:46 冲啊! 阅读(325) 评论(0) 推荐(0) 编辑

223 jQuery 尺寸、位置操作

摘要: ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 1.4.1 jQuery 尺寸操作 ​ jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。 语法 代码演示 ​ 注意:有了这套 API 我们将可以快速获取和子的宽高, 阅读全文

posted @ 2020-01-18 10:47 冲啊! 阅读(125) 评论(0) 推荐(0) 编辑

222 jQuery 多库共存

摘要: ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现,这种情况被称为,jQuery 多库共存。 语法 阅读全文

posted @ 2020-01-18 10:44 冲啊! 阅读(150) 评论(0) 推荐(0) 编辑

上一页 1 ··· 21 22 23 24 25 26 27 28 29 ··· 36 下一页

导航