javascript面向对象
文章平均质量分 58
javascript进阶
东方求败、
这个作者很懒,什么都没留下…
展开
-
JS实现缓冲菜单
JS实现缓冲菜单<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g原创 2022-02-28 17:26:48 · 217 阅读 · 0 评论 -
JS实现物体缓冲运动
JS实现物体缓冲运动缓冲运动<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l原创 2022-02-28 16:48:42 · 263 阅读 · 0 评论 -
JS实现物体淡入淡出效果
JS实现物体淡入淡出效果<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty原创 2022-02-21 20:24:31 · 1242 阅读 · 0 评论 -
JS实现鼠标滑入出现弹窗功能
JS实现鼠标滑入出现弹窗功能案例:分享到菜单功能<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2022-02-21 19:49:58 · 1725 阅读 · 0 评论 -
JS实现物体运动
JS实现物体运动案例:简单的运动,让一个div从左到右运动代码编写要注意的问题:1.停不下来2.当速度取某些数的时候停不下来3.到达目的值以后点击还会继续运动if…else 将运动分开4.重复点击按钮速度加快保证只有一个定时器在启动每次启动定时器之前,将上次定时器关闭<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <m原创 2022-02-21 19:41:16 · 690 阅读 · 0 评论 -
ECMA6class语法
ECMA6class语法回顾:JS继承和多态//ECMA6class语法class Person{ //class属性添加 constructor(name,sex,age){ this.name = name; this.sex = sex; this.age = age; } ShowSelf(){ alert(`我是一个叫${this.name},今年${this.age}岁的${this.sex}孩原创 2022-02-20 20:39:00 · 432 阅读 · 0 评论 -
JS之__proto__和instanceof关键字
JS之__proto__和instanceof关键字proto构造函数构造出来的对象,有个属性__proto__ 指向构造出这个对象的构造函数的原型function Dog({name,type,age}){ //this = new Object(); //添加属性 this.name = name; this.type = type; this.age = age;}/* 通过构造函数的原型添加方法*/Dog.prototype = {原创 2022-02-20 18:35:03 · 311 阅读 · 0 评论 -
JS继承和多态
JS继承和多态继承案例:创建一只狗function Dog({name,type,age}){ //this = new Object(); //添加属性 this.name = name; this.type = type; this.age = age;}/* 通过构造函数的原型添加方法*/Dog.prototype = { run: function(){ alert(this.name + "会飞快的奔跑");原创 2022-02-19 21:22:48 · 908 阅读 · 0 评论 -
JS混合法—构造函数
JS混合法—构造函数了解prototype原型概念:每一个函数上,都有一个原型对象prototype用在构造函数上,我们可以给构造函数的原型prototype,添加方法1.如果我们将方法添加到构造函数的原型prototype对象上2.构造函数构造出来的对象共享原型上所有的方法例子:var arr1 = [10,20,30,40,50];var arr2 = [1,2,3,4,5];// 在数组函数的原型上添加sum方法Array.prototype.sum = function原创 2022-02-19 19:57:57 · 149 阅读 · 0 评论 -
JS封装创建对象的函数(构造函数)
JS封装创建对象的函数(构造函数)工厂模式:1.原料2.加工3.出厂【注】凡是满足上述三个步骤创建对象的函数,我们把它叫做工厂方法如果,我们某一个函数,使用new运算符去调用1.当前函数中的this指向新创建的对象2.自动去完成 1.原料 和 3.出厂操作这种通过new调用函数,我们把他叫做构造函数,构造函数可以构造对象【注】构造函数一般情况下首字母大写function Preson(name,sex){ //1.原料 //var obj = new Object(原创 2022-02-19 19:47:30 · 533 阅读 · 0 评论