前端基础进阶(十一):详解面向对象、构造函数、原型与原型链
前端基础进阶(十一):详解面向对象、构造函数、原型与原型链
.
如果要我总结一下学习前端以来我遇到了哪些瓶颈,那么面向对象一定是第一个会想到的。尽管现在对于面向对象有了一些的了解,但是当初那种似懂非懂的痛苦,依然历历在目。
为了帮助大家能够更加直观的学习和了解面向对象,我会用尽量简单易懂的描述来展示面向对象的相关知识。并且也准备了一些实用的例子帮助大家更加快速的掌握面向对象的真谛。
- jQuery的面向对象实现
- 封装拖拽
- 简易版运动框架封装
这可能会花一点时间,但是却值得期待。
这篇文章主要来聊一聊关于面向对象的一些重要的基本功。
一、对象的定义
在ECMAScript-262中,对象被定义为“无序属性的集合,其属性可以包含基本值,对象或者函数”。
也就是说,在JavaScript中,对象无非就是由一些列无序的key-value
对组成。其中value可以是基本值,对象或者函数。
// 这里的person就是一个对象
var person = {name: 'Tom',age: 18,getName: function() {},parent: {}
}
创建对象
我们可以通过new的方式创建一个对象。
var obj = new Object();
也可以通过对象字面量的形式创建一个简单的对象。
var obj = {};
当想要给我们创建的简单对象添加方法时,可以这样表示,
// 可以这样
var person = {};
person.name = "TOM";
person.getName = function() {return this.name;
}// 也可以这样
var person = {name: "TOM",getName: function() {return this.name;}
}
访问对象的属性和方法
假如我们有一个简单的对象如下:
var person = {name: 'TOM',age: '20',getName: function() {return this.name}
}
当我们想要访问他的name属性时,可以用如下两种方式访问。
person.name// 或者
person['name']
如果想要访问的属性名是一个变量时,常常会使用第二种方式。例如我们要同时访问person的name与age,可以这样写:
['name', 'age'].forEach(function(item) {console.log(person[item]);
})
这种方式一定要重视,记住它以后在我们处理复杂数据的时候会有很大的帮助。
二、工厂模式
使用上面的方式创建对象很简单,但是在很多时候并不能满足我们的需求。就以person对象为例,假如在实际开发中,不仅仅需要一个名字叫做TOM的person对象,同时还需要另外一个名为Jake的person对象,虽然他们有很多相似之处,但是我们不得不重复写两次。
var perTom = {name: 'TOM',age: 20,getName: function() {return this.name}
};var perJake = {name: 'Jake',age: 22,getName: function() {return this.name}
}
很显然这并不是合理的方式,当相似对象太多时,大家都会崩溃掉。
可以使用工厂模式解决这个问题。顾名思义,工厂模式就是我们提供一个模子,然后通过这个模子复制出需要的对象。我们需要多少个,就复制多少个。
var createPerson = function(name, age) {// 声明一个中间对象,该对象就是工厂模式的模子var o = new Object();// 依次添加我们需要的属性与方法o.name = name;o.age = age;o.getName = function() {return this.name;}return o;
}// 创建两个实例
var perTom = createPerson('TOM', 20);
var PerJake = createPerson('Jake', 22);
相信上面的代码并不难理解,也不用把工厂模式看得太过高大上。很显然,工厂模式帮助我们解决了重复代码上的麻烦,让我们可以写很少的代码,就能够创建很多个person对象。但是这里还有两个麻烦,需要我们注意。
第一个麻烦就是这样处理,我们没有办法识别对象实例的类型。使用instanceof可以识别对象的类型,如下例子:
var obj = {};
var foo = function() {}console.log(obj instanceof Object); // true
console.log(foo instanceof Function); // true
因此在工厂模式的基础上,我们需要使用构造函数的方式来解决这个麻烦。
三、构造函数
在JavaScript中,new关键字可以让一个函数变得与众不同。通过下面的例子,我们来一探new关键字的神奇之处。
function demo() {console.log(this);
}demo(); // window
new demo(); // demo
为了能够直观的感受他们不同,建议大家动手实践观察一下。很显然,使用new之后,函数内部发生了事情,让this指向改变。
new关键字到底做了什么?之前在文章里我用文字大概表达了一下new的作用,但是一些同学好奇心很足,总期望用代码实现一下,我就大概以我的理解来表达一下吧。
// 先一本正经的创建一个构造函数,其实该函数与普通函数并无区别
var Person = function(name, age) {this.name = name;this.age = age;this.getName = function() {return this.name;}
}// 将构造函数以参数形式传入
function New(func) {// 声明一个中间对象,该对象为最终返回的实例var res = {};if (func.prototype !== null) {// 将实例的原型指向构造函数的原型res.__proto__ = func.prototype;}// ret为构造函数执行的结果,这里通过apply,将构造函数内部的this指向修改为指向res,即为实例对象var ret = func.apply(res, Array.prototype.slice.call(arguments, 1));// 当我们在构造函数中明确指定了返回对象时,那么new的执行结果就是该返回对象if ((typeof ret === "object" || typeof ret === "function") && ret !== null) {return ret;}// 如果没有明确指定返回对象,则默认返回res,这个res就是实例对象return res;
}// 通过new声明创建实例,这里的p1,实际接收的正是new中返回的res
var p1 = New(Person, 'tom', 20);
console.log(p1.getName());// 当然,这里也可以判断出实例的类型了
console.log(p1 instanceof Person); // true
JavaScript内部再通过其他的一些特殊处理,将
var p1 = New(Person, 'tom', 20);
等效于var p1 = new Person('tom', 20);
。就是我们认识的new关键字了。具体怎么处理的,我也不知道,别刨根问底了,一直回答下去我太难了 - -!
老实讲,你可能很难在其他地方看到有如此明确的告诉你new关键字到底对构造函数干了什么的文章了。理解了这段代码,你对JavaScript的理解又比别人深刻了一分,所以,一本正经厚颜无耻求个赞可好?
当然,很多朋友由于对于前面几篇文章的知识理解不够到位,会对new的实现表示非常困惑。但是老实讲,如果你读了我的前面几篇文章,一定会对这里new的实现有似曾相识的感觉。而且我这里已经尽力做了详细的注解,剩下的只能靠你自己了。
但是只要你花点时间,理解了他的原理,那么困扰了无数人的构造函数中this到底指向谁就变得非常简单了。
所以,为了能够判断实例与对象的关系,我们就使用构造函数来搞定。
var Person = function(name, age) {this.name = name;this.age = age;this.getName = function() {return this.name;}
}var p1 = new Person('Ness', 20);
console.log(p1.getName()); // Nessconsole.log(p1 instanceof Person); // true
关于构造函数,如果你暂时不能够理解new的具体实现,就先记住下面这几个结论吧。
- 与普通函数相比,构造函数并没有任何特别的地方,首字母大写只是我们约定的小规定,用于区分普通函数;
- new关键字让构造函数具有了与普通函数不同的许多特点,而new的过程中,执行了如下过程:
- 声明一个中间对象;
- 将该中间对象的原型指向构造函数的原型;
- 将构造函数的this,指向该中间对象;
- 返回该中间对象,即返回实例对象。
四、原型
虽然构造函数解决了判断实例类型的问题,但是,说到底,还是一个对象的复制过程。跟工厂模式颇有相似之处。也就是说,当我们声明了100个person对象,那么就有100个getName方法被重新生成。
这里的每一个getName方法实现的功能其实是一模一样的,但是由于分别属于不同的实例,就不得不一直不停的为getName分配空间。这就是工厂模式存在的第二个麻烦。
显然这是不合理的。我们期望的是,既然都是实现同一个功能,那么能不能就让每一个实例对象都访问同一个方法?
当然能,这就是原型对象要帮我们解决的问题了。
我们创建的每一个函数,都可以有一个prototype属性,该属性指向一个对象。这个对象,就是我们这里说的原型。
当我们在创建对象时,可以根据自己的需求,选择性的将一些属性和方法通过prototype属性,挂载在原型对象上。而每一个new出来的实例,都有一个__proto__
属性,该属性指向构造函数的原型对象,通过这个属性,让实例对象也能够访问原型对象上的方法。因此,当所有的实例都能够通过__proto__
访问到原型对象时,原型对象的方法与属性就变成了共有方法与属性。
我们通过一个简单的例子与图示,来了解构造函数,实例与原型三者之间的关系。
由于每个函数都可以是构造函数,每个对象都可以是原型对象,因此如果在理解原型之初就想的太多太复杂的话,反而会阻碍你的理解,这里我们要学会先简化它们。就单纯的剖析这三者的关系。
// 声明构造函数
function Person(name, age) {this.name = name;this.age = age;
}// 通过prototye属性,将方法挂载到原型对象上
Person.prototype.getName = function() {return this.name;
}var p1 = new Person('tim', 10);
var p2 = new Person('jak', 22);
console.log(p1.getName === p2.getName); // true
图示
通过图示我们可以看出,构造函数的prototype与所有实例对象的__proto__
都指向原型对象。而原型对象的constructor指向构造函数。
除此之外,还可以从图中看出,实例对象实际上对前面我们所说的中间对象的复制,而中间对象中的属性与方法都在构造函数中添加。于是根据构造函数与原型的特性,我们就可以将在构造函数中,通过this声明的属性与方法称为私有变量与方法,它们被当前被某一个实例对象所独有。而通过原型声明的属性与方法,我们可以称之为共有属性与方法,它们可以被所有的实例对象访问。
当我们访问实例对象中的属性或者方法时,会优先访问实例对象自身的属性和方法。
function Person(name, age) {this.name = name;this.age = age;this.getName = function() {console.log('this is constructor.');}
}Person.prototype.getName = function() {return this.name;
}var p1 = new Person('tim', 10);p1.getName(); // this is constructor.
在这个例子中,我们同时在原型与构造函数中都声明了一个getName函数,运行代码的结果表示原型中的访问并没有被访问。
我们还可以通过in来判断,一个对象是否拥有某一个属性/方法,无论是该属性/方法存在于实例对象还是原型对象。
function Person(name, age) {this.name = name;this.age = age;
}Person.prototype.getName = function() {return this.name;
}var p1 = new Person('tim', 10);console.log('name' in p1); // true
in的这种特性最常用的场景之一,就是判断当前页面是否在移动端打开。
isMobile = 'ontouchstart' in document;// 很多人喜欢用浏览器UA的方式来判断,但并不是很好的方式
更简单的原型写法
根据前面例子的写法,如果我们要在原型上添加更多的方法,可以这样写:
function Person() {}Person.prototype.getName = function() {}
Person.prototype.getAge = function() {}
Person.prototype.sayHello = function() {}
... ...
除此之外,我还可以使用更为简单的写法。
function Person() {}Person.prototype = {constructor: Person,getName: function() {},getAge: function() {},sayHello: function() {}
}
这种字面量的写法看上去简单很多,但是有一个需要特别注意的地方。Person.prototype = {}
实际上是重新创建了一个{}
对象并赋值给Person.prototype,这里的{}
并不是最初的那个原型对象。因此它里面并不包含constructor
属性。为了保证正确性,我们必须在新创建的{}
对象中显示的设置constructor
的指向。即上面的constructor: Person
。
五、原型链
原型对象其实也是普通的对象。几乎所有的对象都可能是原型对象,也可能是实例对象,而且还可以同时是原型对象与实例对象。这样的一个对象,正是构成原型链的一个节点。因此理解了原型,那么原型链并不是一个多么复杂的概念。
我们知道所有的函数都有一个叫做toString的方法。那么这个方法到底是在哪里的呢?
先随意声明一个函数:
function add() {}
那么我们可以用如下的图来表示这个函数的原型链。
原型链
其中add是Function对象的实例。而Function的原型对象同时又是Object的实例。这样就构成了一条原型链。原型链的访问,其实跟作用域链有很大的相似之处,他们都是一次单向的查找过程。因此实例对象能够通过原型链,访问到处于原型链上对象的所有属性与方法。这也是foo最终能够访问到处于Object原型对象上的toString方法的原因。
基于原型链的特性,我们可以很轻松的实现继承。
六、继承
我们常常结合构造函数与原型来创建一个对象。因为构造函数与原型的不同特性,分别解决了我们不同的困扰。因此当我们想要实现继承时,就必须得根据构造函数与原型的不同而采取不同的策略。
我们声明一个Person对象,该对象将作为父级,而子级cPerson将要继承Person的所有属性与方法。
function Person(name, age) {this.name = name;this.age = age;
}Person.prototype.getName = function() {return this.name;
}
首先我们来看构造函数的继承。在上面我们已经理解了构造函数的本质,它其实是在new内部实现的一个复制过程。而我们在继承时想要的,就是想父级构造函数中的操作在子级的构造函数中重现一遍即可。我们可以通过call方法来达到目的。
// 构造函数的继承
function cPerson(name, age, job) {Person.call(this, name, age);this.job = job;
}
原型的继承,只需要将子级的原型对象设置为父级的一个实例,加入到原型链中即可。
// 继承原型
cPerson.prototype = new Person(name, age);// 添加更多方法
cPerson.prototype.getLive = function() {}
原型链
当然关于继承还有更好的方式。
七、更好的继承
假设原型链的终点Object.prototype
为原型链的E(end)端,原型链的起点为S(start)端。
通过前面原型链的学习我们知道,处于S端的对象,可以通过S -> E的单向查找,访问到原型链上的所有方法与属性。因此这给继承提供了理论基础。我们只需要在S端添加新的对象,那么新对象就能够通过原型链访问到父级的方法与属性。因此想要实现继承,是一件非常简单的事情。
因为封装一个对象由构造函数与原型共同组成,因此继承也会分别有构造函数的继承与原型的继承。
假设我们已经封装好了一个父类对象Person。如下。
var Person = function(name, age) {this.name = name;this.age = age;
}Person.prototype.getName = function() {return this.name;
}Person.prototype.getAge = function() {return this.age;
}
构造函数的继承比较简单,我们可以借助call/apply来实现。假设我们要通过继承封装一个Student的子类对象。那么构造函数可以如下实现。
var Student = function(name, age, grade) {// 通过call方法还原Person构造函数中的所有处理逻辑Person.call(this, name, age);this.grade = grade;
}// 等价于
var Student = function(name, age, grade) {this.name = name;this.age = age;this.grade = grade;
}
原型的继承则稍微需要一点思考。首先我们应该考虑,如何将子类对象的原型加入到原型链中?我们只需要让子类对象的原型,成为父类对象的一个实例,然后通过__proto__
就可以访问父类对象的原型。这样就继承了父类原型中的方法与属性了。
因此我们可以先封装一个方法,该方法根据父类对象的原型创建一个实例,该实例将会作为子类对象的原型。
function create(proto, options) {// 创建一个空对象var tmp = {};// 让这个新的空对象成为父类对象的实例tmp.__proto__ = proto;// 传入的方法都挂载到新对象上,新的对象将作为子类对象的原型Object.defineProperties(tmp, options);return tmp;
}
简单封装了create
对象之后,我们就可以使用该方法来实现原型的继承了。
Student.prototype = create(Person.prototype, {// 不要忘了重新指定构造函数constructor: {value: Student}getGrade: {value: function() {return this.grade}}
})
那么我们来验证一下我们这里实现的继承是否正确。
var s1 = new Student('ming', 22, 5);console.log(s1.getName()); // ming
console.log(s1.getAge()); // 22
console.log(s1.getGrade()); // 5
全部都能正常访问,没问题。在ECMAScript5中直接提供了一个Object.create
方法来完成我们上面自己封装的create
的功能。因此我们可以直接使用Object.create
.
Student.prototype = create(Person.prototype, {// 不要忘了重新指定构造函数constructor: {value: Student}getGrade: {value: function() {return this.grade}}
})
完整代码如下:
function Person(name, age) {this.name = name;this.age = age;
}
Person.prototype.getName = function() {return this.name
}
Person.prototype.getAge = function() {return this.age;
}function Student(name, age, grade) {// 构造函数继承Person.call(this, name, age);this.grade = grade;
}// 原型继承
Student.prototype = Object.create(Person.prototype, {// 不要忘了重新指定构造函数constructor: {value: Student}getGrade: {value: function() {return this.grade}}
})var s1 = new Student('ming', 22, 5);console.log(s1.getName()); // ming
console.log(s1.getAge()); // 22
console.log(s1.getGrade()); // 5
八、属性类型
在上面的继承实现中,使用了一个大家可能不太熟悉的方法defineProperties
。并且在定义getGrade
时使用了一个很奇怪的方式。
getGrade: {value: function() {return this.grade}
}
这其实是对象中的属性类型。在我们平常的使用中,给对象添加一个属性时,直接使用object.param
的方式就可以了,或者直接在对象中挂载。
var person = {name: 'TOM'
}
在ECMAScript5中,对每个属性都添加了几个属性类型,来描述这些属性的特点。他们分别是
configurable
: 表示该属性是否能被delete删除。当其值为false时,其他的特性也不能被改变。默认值为trueenumerable
: 是否能枚举。也就是是否能被for-in遍历。默认值为truewritable
: 是否能修改值。默认为truevalue
: 该属性的具体值是多少。默认为undefinedget
: 当我们通过person.name
访问name的值时,get将被调用。该方法可以自定义返回的具体值是多少。get默认值为undefinedset
: 当我们通过person.name = 'Jake'
设置name的值时,set方法将被调用。该方法可以自定义设置值的具体方式。set默认值为undefined
需要注意的是,不能同时设置value、writable 与 get、set的值。
我们可以通过Object.defineProperty
方法来修改这些属性类型。
下面我们用一些简单的例子来演示一下这些属性类型的具体表现。
configurable
// 用普通的方式给person对象添加一个name属性,值为TOM
var person = {name: 'TOM'
}// 使用delete删除该属性
delete person.name; // 返回true 表示删除成功// 通过Object.defineProperty重新添加name属性
// 并设置name的属性类型的configurable为false,表示不能再用delete删除
Object.defineProperty(person, 'name', {configurable: false,value: 'Jake' // 设置name属性的值
})// 再次delete,已经不能删除了
delete person.name // falseconsole.log(person.name) // 值为Jake// 试图改变value
person.name = "alex";
console.log(person.name) // Jake 改变失败
enumerable
var person = {name: 'TOM',age: 20
}// 使用for-in枚举person的属性
var params = [];for(var key in person) {params.push(key);
}// 查看枚举结果
console.log(params); // ['name', 'age']// 重新设置name属性的类型,让其不可被枚举
Object.defineProperty(person, 'name', {enumerable: false
})var params_ = [];
for(var key in person) {params_.push(key)
}// 再次查看枚举结果
console.log(params_); // ['age']
writable
var person = {name: 'TOM'
}// 修改name的值
person.name = 'Jake';// 查看修改结果
console.log(person.name); // Jake 修改成功// 设置name的值不能被修改
Object.defineProperty(person, 'name', {writable: false
})// 再次试图修改name的值
person.name = 'alex';console.log(person.name); // Jake 修改失败
value
var person = {}// 添加一个name属性
Object.defineProperty(person, 'name', {value: 'TOM'
})console.log(person.name) // TOM
get/set
var person = {}// 通过get与set自定义访问与设置name属性的方式
Object.defineProperty(person, 'name', {get: function() {// 一直返回TOMreturn 'TOM'},set: function(value) {// 设置name属性时,返回该字符串,value为新值console.log(value + ' in set');}
})// 第一次访问name,调用get
console.log(person.name) // TOM// 尝试修改name值,此时set方法被调用
person.name = 'alex' // alex in set// 第二次访问name,还是调用get
console.log(person.name) // TOM
请尽量同时设置get、set。如果仅仅只设置了get,那么我们将无法设置该属性值。如果仅仅只设置了set,我们也无法读取该属性的值。
Object.defineProperty
只能设置一个属性的属性特性。当我们想要同时设置多个属性的特性时,需要使用我们之前提到过的Object.defineProperties
var person = {}Object.defineProperties(person, {name: {value: 'Jake',configurable: true},age: {get: function() {return this.value || 22},set: function(value) {this.value = value}}
})person.name // Jake
person.age // 22
读取属性的特性值
我们可以使用Object.getOwnPropertyDescriptor
方法读取某一个属性的特性值。
var person = {}Object.defineProperty(person, 'name', {value: 'alex',writable: false,configurable: false
})var descripter = Object.getOwnPropertyDescriptor(person, 'name');console.log(descripter); // 返回结果如下descripter = {configurable: false,enumerable: false,value: 'alex',writable: false
}
九、总结
关于面向对象的基础知识大概就是这些了。我从最简单的创建一个对象开始,解释了为什么我们需要构造函数与原型,理解了这其中的细节,有助于我们在实际开发中灵活的组织自己的对象。因为我们并不是所有的场景都会使用构造函数或者原型来创建对象,也许我们需要的对象并不会声明多个实例,或者不用区分对象的类型,那么我们就可以选择更简单的方式。
我们还需要关注构造函数与原型的各自特性,有助于在创建对象时准确的判断我们的属性与方法到底是放在构造函数中还是放在原型中。如果没有理解清楚,这会给我们在实际开发中造成非常大的困扰。
最后接下来的几篇文章,我会挑几个面向对象的例子,继续帮助大家掌握面向对象的实际运用。
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- Vuex的概念,应用
vuex快速入门 一、概念 vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)。 二、五大核心属性 核心属性为:state,getter,mutation,action,module state:存储数据,存储状…...
2024/4/27 22:05:42 - SSM整合(三)------CRUD
批量删除 前端点击右上角删除,可以删除选中的列表项list.js因为添加了选中框,所以重写build_emps_table(result)方法$(function(){//完成全选/全不选功能$("#check_all").click(function () {$(".check_item").prop("checked", $(this).prop(&…...
2024/4/28 3:43:20 - Altium Designer中敷铜间距修改问题
该问题可以分为两步 (1)修改间距规则,保证敷铜完成 (2)改回原来的间距规则,保证软件不警告...
2024/4/28 18:38:58 - leetcode 110. 平衡二叉树
题目思路 平衡二叉树:每个节点的左右两个子树的高度差的绝对值不超过 1 如果当前node平衡,则,分别递归判断它的左子树是否平衡,右子树是否平衡。 //测试用例 [1,2,2,3,null,null,3,4,null,null,4] // 答案 false题解 // Definition for a binary tree node. class TreeNode…...
2024/4/28 12:11:53 - 列表
列表 用下标取得列表中的单个值 假定列表[‘cat’, ‘bat’, ‘rat’, ‘elephant’]保存在名为spam 的变量中。Python 代码spam[0] 将求值为’cat’,spam[1]将求值为’bat’,依此类推。列表后面方括号内的整数被称为“下 标”。列表下标的起始值是0。 如果使用的下标超出了列…...
2024/4/28 19:14:08 - 网络编程
IP地址IP地址:inet Address唯一定位一台网络上的计算机127.0.0.1:本机local hostipvIP地址的分类:ipv4:127.2.2.1,四个字节组成,0-255,大概有42亿;30亿在北美,亚洲4亿。IPv6: fe80::588c:5b23:d5c5:eed6%13,128位。公网(互联网)——私网(局域网)public class test…...
2024/4/28 6:04:50 - 简单的maven创建javaweb工程的相关配置
首先打开我们的idea选择MAVEN创建一个javaWeb工程在工程目录下的pom.xml文件中:修改properties与maven版本一致: <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target> 在dependencies中添加依…...
2024/4/28 4:07:24 - (1)Android学习之Android 项目结构
Android项目结构manifest 文件 manifest 文件是Android应用程序的配置文件,每一个应用程序都有一个 AndroidManifest.xml 文件。AndroidManifest.xml 是整个Android应用的全局描述文件。 下面是某个AndroidManifest.xml 代码<?xml version="1.0" encoding="…...
2024/4/28 8:27:14 - Centos7无法访问配置好的nginx,防火墙原因
临时生效 # 重启虚拟机,将失效 iptables -I INPUT -p TCP --dport 80 -j ACCEPT永久有效 # 在防火墙中开放80端口 firewall-cmd --permanent --zone=public --add-port=80/tcp# 重新加载防火墙配置 firewall-cmd --reload# 检查80端口配置是否有效 firewall-cmd --zone=public…...
2024/4/28 4:27:42
最新文章
- Kafka(十二)Streams
目录 Streams1 什么式是流式处理2 流式处理的相关概念2.1 拓扑2.2 时间2.2.1 输入时间2.2.2 输出时间 2.3 状态2.4 流和表2.5 时间窗口2.5.1 测试时间窗口 2.6 处理保证 3 流式处理设计模式3.1 单事件处理3.2 使用本地状态3.3 多阶段处理和重分区3.4 使用外部查找:流…...
2024/4/29 2:29:15 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - Topaz Video AI for Mac v5.0.0激活版 视频画质增强软件
Topaz Video AI for Mac是一款功能强大的视频处理软件,专为Mac用户设计,旨在通过人工智能技术为视频编辑和增强提供卓越的功能。这款软件利用先进的算法和深度学习技术,能够自动识别和分析视频中的各个元素,并进行智能修复和增强&…...
2024/4/27 12:49:51 - 2024年04月IDE流行度最新排名
点击查看最新IDE流行度最新排名(每月更新) 2024年04月IDE流行度最新排名 顶级IDE排名是通过分析在谷歌上搜索IDE下载页面的频率而创建的 一个IDE被搜索的次数越多,这个IDE就被认为越受欢迎。原始数据来自谷歌Trends 如果您相信集体智慧&am…...
2024/4/26 19:30:12 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/4/28 4:04:40 - 【Java】ExcelWriter自适应宽度工具类(支持中文)
工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...
2024/4/28 12:01:04 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/4/28 16:34:55 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/4/28 18:31:47 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/4/28 12:01:03 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/4/28 12:01:03 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/4/28 12:01:03 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/4/28 16:07:14 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/4/28 23:42:05 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/4/28 9:00:42 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/4/27 18:40:35 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/4/28 4:14:21 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/4/27 13:52:15 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/4/27 13:38:13 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/4/28 12:00:58 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/4/28 12:00:58 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/4/27 22:51:49 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/4/28 7:31:46 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/4/28 8:32:05 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/4/27 20:28:35 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57