JavaScript
关注
分享
扫一扫
文章平均质量分 63
雅痞子军
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ECMAScript确认变量的值的流程
来看一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>ECMAScript确认变量的值的流程</title></head><body&am原创 2018-04-08 22:17:54 · 151 阅读 · 0 评论 -
原型扩展
有两种方式可以扩展原型，不管哪种方式都会对原型所在的原型链产生影响。（1）属性扩展对构造函数的原型进行属性扩展后，扩展结果对继承此原型的对象都有效。通常，用在扩展ECMAScript对象的功能，例如ECMAScript中的字符串类型，都没有trim()（去掉字符串中的空格）方法，而通过原型的扩展功能，就可以给ECMAScript中的字符串都扩展此功能，例如：String.prototype.tri...原创 2018-04-29 22:25:14 · 339 阅读 · 0 评论 -
时间比较
时间的比较很简单，可以直接使用比较符号，例如时间先后比较：var a=new Date();var b=new Date(1900,1,1);alert(a>b); //结果为true时间相等比较：var a=new Date();var b=new Date();alert(a==b); //结果为false虽然可以直接使用大于或小于号对两个时间对象进行比较，但不能使用=...原创 2018-04-28 23:08:50 · 2316 阅读 · 0 评论 -
translate（）方法
在canvas中，可以使用translate()方法来平移图形。所谓的平移，是指图形沿着x轴或y轴进行直线运动。平移不会改变图形的形状和大小。语法： cxt.translate(x,y);说明：x表示图形在x方向上移动的距离，默认单位是px。当x为正时，图形向x轴正方向移动；当x为负时，图形向x轴反方向移动。y表示图形在y方向上移动的距离，默认单位是px。当y为正时，图形向y轴正方向移动；当y为负...原创 2018-05-06 21:53:39 · 11079 阅读 · 2 评论 -
strokeText()方法
在Canvas中，我们可以使用strokeText()方法来绘制“描边文本”。“描边文本”是指空心的文本。语法：strokeText(text,x,y,maxWidth);说明：参数text是一个字符串文本。参数x表示文本的x坐标，也就是文本最左边的坐标。参数y表示文本的y坐标，也就是文本最下边的坐标（注意是最下边，而不是最上边）。参数maxWidth是可选参数，表示允许的最大文本的宽度（单位为p...原创 2018-05-05 20:58:59 · 2577 阅读 · 0 评论 -
arcTo()画弧线
在Canvas中，可以使用arcTo()方法来画一条弧线。语法： cxt.arcTo(cx,cy,x2,y2,radius);说明：（cx,cy）表示控制点的坐标，（x2,y2）表示结束点的坐标，radius表示圆弧的半径。如果我们想要画一条弧线，需要提供三个点的坐标：开始点、控制点和结束点。其中一般由moveTo()或lineTo()提供开始点，arcTo()提供控制点和结束点。arcTo()方...原创 2018-05-04 23:19:59 · 1492 阅读 · 0 评论 -
数组迭代要优先使用for循环而不是for...in循环
看下面一段代码： var scores=[98,74,85,77,93,100,89]; var total=0; for(var score in scores){ total+=score; } var mean=total/scores.length; alert...原创 2018-05-03 17:46:52 · 264 阅读 · 0 评论 -
HTMLDocument接口的常用属性之anchors和links
HTMLDocument接口是Document接口下的一个子接口，该接口扩展了Document接口的功能，定义了属于HTML文档的属性和方法。这些属性与方法和BOM中的Document对象中的属性与方法兼容。HTMLDocument接口的属性可以获取HTML 文档中的各类对象。下面介绍下HTMLDocument接口的常用属性之anchors和links。HTMLDocument接口的常用属性anc...原创 2018-04-20 22:30:04 · 1341 阅读 · 0 评论 -
透明处理
对于透明处理，我们都是在得到像素数组后，将该数组中每一个像素的透明度乘以n，然后保存像素数组，最后使用putImageData()方法将图像重新绘制在画布上。语法： for(var i=0;i<data.length;i++){ data[i+3]=data[i+3]*n; }说明：n的取值范围为0.0~1.0看下面一段代码：<!DOCTYPE ...原创 2018-05-08 22:18:31 · 363 阅读 · 0 评论 -
this指针
this关键字表示对某个对象的引用，可以把它理解为一个引用类型的变量，但它的值是由系统确定的，也就是说，this无法被赋值。在Java或者C++中，this很傻很单纯，只能在类中使用，并且仅是引用类实例化后的对象，这与ECMAScript中描述的通过构造函数实例化对象是一样的。在ECMAScript中，this很强很复杂，任何地方都能使用this，并且根据this出现的位置，它的含义也不同，下面列...原创 2018-04-19 23:26:25 · 158 阅读 · 0 评论 -
ECMAScript中的执行环境
在ECMAScript中，只有两种执行环境，全局环境和函数环境，每个函数都是一个执行环境，包括嵌套函数。换句话说，其他情况下即使变量声明在一对大括号中，在括号外部仍然可以访问这些变量，例如： for(var i=0;i<5;i++){ var num=20; //在for语句中声明的变量 } alert(num); //在for语句外部调用变量，仍然可以得到num的值对异...原创 2018-04-22 22:44:21 · 265 阅读 · 0 评论 -
js和jQuery页面加载方法的对比
window.onload $(document).ready()执行时机 必须等待网页中所有的内容加载完 ...原创 2018-04-06 22:40:53 · 283 阅读 · 0 评论 -
Jquery对象和DOM对象的相互转换
1.jQuery对象转换为DOM对象jQuery对象不能使用DOM中的方法，但如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不使用DOM对象的时候，有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换为DOM对象，即[index]和get(index)。(1)jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对...原创 2018-04-12 19:23:37 · 249 阅读 · 0 评论 -
caller/callee属性
caller属性并不是arguments对象的，而是函数对象本身的属性，它显示了函数的调用者，如果函数在全局执行环境被调用，那么它的值为null，如果在另一个函数中被调用，它的值就是那个函数，例如下面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> ...原创 2018-04-17 23:40:18 · 299 阅读 · 0 评论 -
用新对象替换prototype属性不会更新以前的实例
我们可能会认为在任何时候完全替换prototype属性，并且所有的实例都将更新，这是不正确的。创建一个实例时，该实例将在实例化时被绑定至‘刚完成的’原型。提供一个新对象作为prototype属性不会更新已创建实例和新原型之间的连接。但是要记住，可以更新或添加最初创建的原型对象，这些值仍连接至第一个实例。如下面一段代码：<!DOCTYPE html><html lang="en"...原创 2018-04-11 19:35:03 · 677 阅读 · 0 评论 -
继承原型属性的实例总是能够获得最新值
实例总是能够从原型获得最新值，不管何时被实例化、更改或附加，在这种意义上，prototype属性是动态的。看下面一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>继承原型属性的实例总是能够获得最新值<原创 2018-04-10 21:22:49 · 128 阅读 · 0 评论 -
Array()参数问题
在js中可以将数组实例的值传递给构造函数，以逗号分隔作为参数，例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Array()参数问题</title></head&原创 2018-04-09 21:59:25 · 581 阅读 · 0 评论 -
scale()方法的副作用
在Canvas中，可以使用scale()方法来改变图形大小（即缩放）。不过scale()方法是有一定副作用的，它除了改变图形大小之外，还会改变其他属性如线条宽度（即lineWidth）、左上角坐标等。看下面一段代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" />...原创 2018-05-07 23:06:01 · 2708 阅读 · 0 评论