<Canvas> 是HTML5中新出现的一个元素.就是可以通过  JS绘制图形. 画布(Canvas)是一个没有内容也没有边框的矩形区域.我们可以控制里面的每一个像素. 下面我们首先定义一个 Canvas元素 : <canvas id="cancas" width="300" height="300"></canvas> canvas 只有两个属性,width和height,这些属性可选并且可以通过JS或者cs…

JS OOP 中的三种继承方法: 很多读者关于js opp的继承比较模糊,本文总结了oop中的三种继承方法,以助于读者进行区分. <继承使用一个子类继承另一个父类,子类可以自动拥有父类的属性和方法.(继承的两方,发生在两个类之间)> 一.通过object实现继承 1:定义父类 function Parent(){} 2:定义子类 funtion Son(){} 3:通过原型给Object对象添加一个扩展方法. Object.prototype.customExtend = function(p…

  前  言 JRedu 学过程序语言的都知道,我们的程序语言进化是从"面向机器".到"面向过程".再到"面向对象"一步步的发展而来.类似于汇编语言这样的面向机器的语言,随着时代的发展已经逐渐淘汰:而面向过程的语言也只有C语言老大哥依然坚挺:现在主流的语言(例如Java.C++.PHP等)都是面向对象的语言. 而我们的JavaScript语言,恰恰介于面向过程与面向对象之间,我们称它为"基于对象"的语言.但是,JS中的OOP依…

面向对象是一种对现实世界理解和抽象的方法,是计算机编程技术发展到一定阶段后的产物. 对象的含义          对象可以是汽车,人,动物,文字,表单或者任何存在的事物等等. 对象有: 属性-------对象的某些特定的性质. 方法-------对象能做的事情. 事件-------能响应发生在对象上的事情. 我们可以通过创建一个人的对象来理解面向对象 人: 两只手,两只脚,一个头,还可以跑动. 手,脚,头,是人的属性,跑动是人的方法. 首先,我们来用最简单的方法创建一个对象 var person…

JS中的公有成员,私有成员和静态成员 a.实现类的公有成员 b.实现类的私有成员 c.实现类的静态成员 a.实现类的公有成员 之前定义的任何类型成员都属于公有成员的范畴,该类的任何实例都对外公开这些属性和方法. 注意在JS中,其实没有私有的概念~ b.实现类的私有成员 //私有成员 /* * 私有成员即在类的内部实现中可以共享的成员,不对外公开. * JS中并没有特殊的机制来定义私有成员,但可以用一些技巧来实现这个功能. */ /* * 这个技巧主要是通过变量的作用域性质来实现的,在JS中,一个…

JS类的实现: a.理解类的实现机制 b.使用prototype对象定义类成员 c.一种JS类的设计模式 a.理解类的实现机制 在JS中可以使用function关键字来定义一个类. 添加类的成员,在函数内通过this指针引用的变量或者方法都会成为类的成员. function class1(){ var s = "abc"; this.p1=s; this.Method1=function(){ alert("this is a test method"); } }…

深入认识JS中的函数: 1.概述,认识函数对象 2.函数对象和其他内部对象的关系 3.将函数作为参数传递 4.传递给函数的隐含参数:arguments 5.函数的apply,call方法和length属性 6.深入认识JS中的this指针 1.概述,认识函数对象 JS中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以将一个函数赋值给一个变量或者将函数作为参数传递. 用法: function Func1(...){......}; var Func2 = f…

JS面向对象的基础: 1.用定义函数的方式定义类 2.用new操作符获得一个类的实例 3.使用 [ ] 引用对象的属性和方法 4.动态添加,修改,删除对象的属性和方法 5.使用 { } 语法创建无类型的对象 6.prototype原型对象 1.函数的方式定义类 function class1 () {.......} **class1既是一个函数也是一个类,可以将它理解为类的构造函数,负责初始化工作. 2.new 操作符获得一个类的实例 **JS中,函数和类是一个概念,当对一个函数进行new操作…

JS面向对象,大致内容 1.面向对象的基础 2.深入认识JS的函数 3.JS类的实现 4JS中共有成员,私有成员和静态成员 5.JS的反射 6.JS的继承 7.JS实现抽象类 8.JS事件设计模式 9.JS面向对象示例 10.JS代码混淆与性能优化…

//父类 function BaseFun() { var hello = "HelloWorld"; this.HelloPublic = "Hello--World"; var privatefun = function () { alert("hellow"); } this.publicfun = function () { var a = this.HelloPublic; alert("this is public funt…