JavaScript - 随笔分类(第7页) - 冲啊！

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 冲啊！阅读(166) 评论(0) 推荐(0)

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

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

posted @ 2020-01-22 09:50 冲啊！阅读(178) 评论(0) 推荐(0)

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 冲啊！阅读(201) 评论(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 冲啊！阅读(285) 评论(0) 推荐(0)

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

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

posted @ 2020-01-21 18:11 冲啊！阅读(174) 评论(0) 推荐(0)

235 继承之 call()

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

posted @ 2020-01-21 14:04 冲啊！阅读(124) 评论(0) 推荐(0)

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

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

posted @ 2020-01-21 13:31 冲啊！阅读(230) 评论(0) 推荐(0)

233 原型链【proto】，原型链和成员的查找机制

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

posted @ 2020-01-21 11:33 冲啊！阅读(324) 评论(0) 推荐(0)

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

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

posted @ 2020-01-21 10:15 冲啊！阅读(259) 评论(0) 推荐(0)

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

posted @ 2020-01-20 21:17 冲啊！阅读(156) 评论(0) 推荐(0)

230 构造函数原型prototype

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

posted @ 2020-01-20 21:16 冲啊！阅读(138) 评论(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 冲啊！阅读(158) 评论(0) 推荐(0)

228 静态成员和实例成员

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

posted @ 2020-01-20 19:15 冲啊！阅读(143) 评论(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 冲啊！阅读(267) 评论(0) 推荐(0)

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

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

posted @ 2020-01-20 11:15 冲啊！阅读(392) 评论(0) 推荐(0)

225 对象与类之对象

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

posted @ 2020-01-18 12:00 冲啊！阅读(135) 评论(0) 推荐(0)

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

posted @ 2020-01-18 11:46 冲啊！阅读(338) 评论(0) 推荐(0)

217 jQuery 元素操作：遍历，创建，添加（append、prepend、after、before），删除（remove、empty、html）

摘要：jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。 append，prepend，after，before，remove，empty，html 1.3.1 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作阅读全文

posted @ 2020-01-17 17:09 冲啊！阅读(625) 评论(0) 推荐(1)

208 jQuery 效果之显示隐藏

摘要：jQuery 给我们封装了很多动画效果，最为常见的如下：显示隐藏：show() / hide() / toggle() ; 划入画出：slideDown() / slideUp() / slideToggle() ; 淡入淡出：fadeIn() / fadeOut() / fadeToggle() 阅读全文

posted @ 2020-01-16 20:24 冲啊！阅读(145) 评论(0) 推荐(0)

203 本地存储：localStorage、sessionStorage、记住用户名案例

摘要：随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 1.7.1 本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大，sessionStorage 阅读全文

posted @ 2020-01-15 17:52 冲啊！阅读(448) 评论(0) 推荐(0)

随笔分类 - JavaScript