
JavaScript
衣舞晨风
微信公众号【衣舞晨风】
-
原创 Html 5 坦克大战(韩顺平版本)
html 5代码部分如下:hmtl5-经典的坦克大战数据 //得到画布 var canvas1=document.getElementById("tankMap"); //得到绘图上下文(你可以理解是画笔) var cxt=canvas1.getContext("2d"); //我的坦克 hero //方向 var hero=new Hero(140,2014-08-31 18:57:342621
0
-
转载 深入浅出 妙用Javascript中apply、call、bind
原文地址:【优雅代码】深入浅出 妙用Javascript中apply、call、bind 这篇文章实在是很难下笔,因为网上相关文章不胜枚举。巧合的是前些天看到阮老师的一篇文章的一句话:“对我来说,博客首先是一种知识管理工具,其次才是传播工具。我的技术文章,主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西,那些我精通的东西,往往没有动力写。炫耀从来不是我的动机,好奇才是。"对于这句话,不2016-08-16 12:27:031015
0
-
原创 javascript 灵异现象之 if else 先后执行
请原谅我这个充满噱头的标题。今天在调试调试的时候,发现if与else中的代码块先后得到执行,后来仔细看了一下代码,发现if中代码有问题(比如:多写了个#,调用的函数名字不对等等)导致走了部分if代码后,又到else中执行部分代码。 你如果也遇到这种奇怪的情况,一定要一步一步的跟踪代码,看看代码是从哪一步出现问题跳转到else的,哪一步的代码有问题(不要指望浏览器会报出所有异常)。2016-07-07 14:00:081619
0
-
原创 JavaScript 函数调用时带括号和不带括号的区别
function fun() { return 1;}var a = fun;var b = fun();JavaScript中我们把下面的代码叫做函数:function fun() { return 1;}函数是一种叫做function引用类型的实例,因此函数是一个对象。对象是保存在内存中的,函数名则是指向这个对象的指针。var a = fun 表示把函数名fun这个指针拷2016-06-26 08:17:312101
0
-
原创 Javascript 学习 笔记六
1、javascript 面向对象<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta h2015-12-27 20:17:301505
2
-
原创 Javascript 学习 笔记五
1、事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。2、2015-12-05 17:13:511512
0
-
原创 Javascript 学习 笔记四
1、children和childNodes(参考:JavaScript中Element与Node的区别,children与childNodes的区别 children和childNodes) Node(节点)是DOM层次结构中的任何类型的对象的通用名称,Node有很多类型,如元素节点,属性节点,文本节点,注释节点等,通过NodeType区分,常见的有:节点类型NodeType元素element1属2015-11-18 20:30:001552
0
-
原创 Javascript 学习 笔记三
1、Javascript 组成:ECMAScript--JavaScript的核心,描述了语言的基本语法和对象。DOM(文档对象模型)--The Document Object Model描述了作用于网页内容的方法和接口。document的操作,比如: var lis = document.getElementsByTagName('li');BOM(浏览器对象模型):The Browser Ob2015-11-05 20:54:021675
1
-
原创 Javascript 学习 笔记二
1、查找HTML元素 通常,通过 JavaScript,您需要操作HTML 元素。 为了做到这件事情,您必须首先找到该元素。有三种方法来做这件事: 通过id找到HTML元素(本例查找 id="intro" 元素)var x=document.getElementById("intro"); 通过标签名找到HTML元素(本例2014-08-28 13:42:581153
0
-
原创 Javascript 学习 笔记一
1、操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。 请使用 "id" 属性来标识 HTML 元素:例子 通过指定的 id 来访问 HTML 元素,并改变其内容:My First Web PageMy First Paragraph2014-08-27 16:37:451434
0
-
转载 Javascript中this关键字详解
原文地址: Quiz请看下面的代码,最后alert出来的是什么呢?var name = "Bob"; var nameObj ={ name : "Tom", showName : function(){ alert(this.name); }, waitShowName : function(){ set2015-12-27 20:06:241777
1
-
转载 Javascript中的几种继承方式比较
原文地址开篇从’严格’意义上说,javascript并不是一门真正的面向对象语言。这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c#之类的强型语言的继承方式有很大的区别,因而默认它就是非主流的面向对象方式,甚至竟有很多书将其描述为’非完全面向对象’语言。其实个人觉得,什么方式并不重要,重要的是是否具有面向对象的思想,说javascript不是面向对象语言的,往往都可能2015-12-30 20:10:09905
1
-
转载 验证整数、小数、实数、有效位小数最简单JavaScript正则表达式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> 验证数字最简单正则表达式大全 </tit2016-11-01 20:56:55776
0