
OOP
文章平均质量分 72
jwllwj_2018
start:2016.7-2016.12 ~~~记录
展开
-
js+面向对象相关笔记(一)
1.javascript包含 ◆ECMAScript:规定的js的语法规范。◆DOM:Document Object Model 文档对象模型(一种数据结构),提供了一套操作页面元素的API。◆BOM:Browser Object Model 浏览器对象模型,也是提供了一套操作浏览器的API。2.javascript的数类型◆基本数据类型:string number boolean undefin...原创 2018-06-15 09:52:57 · 262 阅读 · 0 评论 -
js+面向对象+html5+canvas相关笔记(三)
1.绘制图片的API,ctx.drawImage()◆绘制图像的第一种方式,三参数版本,把图像绘制到指定的坐标:【img.onload=function(){//在图片加载完毕后,开始画图片,没有设置图片的宽高,所以超出部分会被隐藏ctx.drawImage(img,10,10);},第一个参数是图片元素对象,第二个参数是位于画布的x轴坐标点,第三个参数是位于画布的y轴坐标点】◆绘制图像的第二种方...原创 2018-06-17 12:09:03 · 237 阅读 · 0 评论 -
js+面向对象+html5+canvas相关笔记(一)
1.Canvas是Html5提供的一个展示绘图效果的标签<canvas></canvas>◆使用canvas标签,即可在页面中开辟一个区域,可以设置width和height来设置该区域的尺寸◆默认canvas的宽高为300和150◆不要使用css的方式设置宽高,应该使用html属性◆如果浏览器不支持canvas标签,那么就会将其解释为div标签,因此常常在canvas中嵌入...原创 2018-06-17 12:08:48 · 321 阅读 · 0 评论 -
js+面向对象相关笔记(七)
1.代码进行压缩处理的时候,系统的内置对象无法进行压缩,如果想压缩的话,只能通过传递参数的方式来进行压缩处理。2.沙箱模式◆【(function(w){//变量的定义//逻辑的代码//如果需要,使用window向外界暴露接口//window==w})(window)】3.上下文调用模式◆call apply,你想将函数中的this变成谁,就把谁作为方法的第一个参数,当方法中的第一个参数为null时...原创 2018-06-17 12:08:39 · 226 阅读 · 0 评论 -
js+面向对象相关笔记(六)
1.绘制作用域链◆先画0级作用域链◆在全局作用域中查找,函数和变量的声明,然后将这些变量和函数,以小方块儿的形式放到0级作用域链上◆从0级作用域中的函数引出1级作用域◆再去每个1级作用域中查找变量和函数的声明,然后将这些变量和函数放到1级作用域链上◆依次重复这样的步骤2.线程:◆js是单线程的,单线程表示一次只能够处理一个问题,多线程表示一次能够处理多个问题 ◆js中,分了三个线程,不是并行的【 ...原创 2018-06-15 09:53:46 · 193 阅读 · 0 评论 -
js+面向对象相关笔记(五)
1.作用域(起作用的范围)◆块儿级作用域:ECMAScript6之前js中没有块儿级作用域◆词法作用域:就是在代码写好的一刻,变量的作用域就已经确定了,这种作用域,就是所谓的词法作用域,和词法作用域相对的叫动态作用域,js中的词法作用域不是动态作用域◆ECMAScript6之前js中唯一能够产生作用域的东西是 函数◆词法作用域的规则【 ◇函数允许访问函数外的数据 ◇整个代码结构中只有函数可以限定作...原创 2018-06-15 09:53:35 · 175 阅读 · 0 评论 -
js+面向对象+递归相关笔记(一)
1.继承:◆混入式继承: for-in◆原型继承:利用对象的动态特性、直接替换原型的对象、利用混入的方式给原型对象添加成员◆经典继承:使用ECMAScript5中增加的var newObj=Object.create(parentObj);2.原型链:构造函数与与原型对象相互关联,构造函数实例化的对象可以直接调用原型对象中的方法,原型对象的构造函数也有原型对象,一层一层往上的一条相互关联的链,一直...原创 2018-06-15 09:53:27 · 299 阅读 · 0 评论 -
js+面向对象相关笔记(三)
1.构造函数中有一个prototype属性指向一个原型对象,然后原型对象中有一个constructor属性指行构造函数,所以它们才能够互相关联,如果你改变了构造函数的prototype属性所指向的原型对象如p.prototype={},那么现在这个原型的构造函数就会变成Object,自然就调用不了之前旧的原型中的方法了,因为当前的构造函数已经和新的原型进行了关联。2.检测一个对象的数据类◆使用Ob...原创 2018-06-15 09:53:18 · 175 阅读 · 0 评论 -
js+面向对象相关笔记(二)
1.多态◆多态是在强类型的语言中比较常用,javascript中没有相应的体现。2.创建对象的方式◆使用对象字面量的方式,如var obj={"name":"xm"};或var obj={name:"xm"};,使用字面量的方式只能够创建一次对象,复用性较差,如果要创建多个对象,代码冗余度太高了。◆使用内置构造函数的方式加对象的动态特性.或[],var obj=new Object();,obj....原创 2018-06-15 09:53:07 · 171 阅读 · 0 评论 -
js+面向对象+html5+canvas相关笔记(四)
1.函数的四种调用模式◆函数调用 == window◆方法调用 == 宿主◆构造器 == 实例对象◆上下文(间接调用) == 自由指定★函数执行时,内部的this指向才会确定,函数执行时this的指向与定义无关,与调用方式有关。2.绘制环境的保存与回滚◆状态可以保存多份◆回滚每次回滚到最近的状态保存◆状态的保存与回滚与路径无关。3.判断点在不在路径中:◆ctx.isPointInPath(要判断的...原创 2018-06-17 12:09:11 · 178 阅读 · 0 评论