1.阻止事件冒泡,使成为捕获型事件触发机制.1function stopBubble(e) { 2//如果提供了事件对象,则这是一个非IE浏览器 3if ( e && e.stopPropagation ) 4//因此它支持W3C的stopPropagation()方法 5 e.stopPropagation(); 6else7//否则,我们需要使用IE的方式来取消事件冒泡 8 window.event.cancelBubble = true; 9 }2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为. 1//阻止浏...
对于javascript中的反射的理解,一直都是认为,利用数组对回调函数进行保存,之后在适当的时刻利用call或是apply 方法,对回调进行调用即可,一般如下操作:首先定义两个方法:var service = function() {return { name: 'Service' }; } var router = function() {return { name: 'Router' }; }我们有另一个函数需要用到这两个模块。var doSomething = function(other) {var s = service();var r = router(); }; 当然,我们希望能够...
<script type="text/javascript"> //简单单体模式 var singleton={ attr1:10, attr2:true, method1:function(){console.log(‘method1 ...‘)}, method2:function(){console.log(‘method2 ...‘)} } console.log(singleton.attr1) singleton.method1() //划分命名空间 var nameSpace1={} nameSpace1.singleton1={ attr1:10, attr2:true, method1:function(){con...
我说日更就日更,接着....今天从缓冲布局信息开始啦!-------------------2016-7-22 21:09:12---------------------------14、减少对布局信息的查询次数,查询时将他赋值给局部变量参与计算。例子,在元素网右下方不断平移时,在timeout中可以写:1var current = myElement.offsetLeft; 2 current++; 3 myElement.style.left = current + ‘px‘; 4 myElement.style.top = current + ‘px‘; 5if(current > 500){ 6//...
JAVAScript 有三部分构成,ECMAScript,DOM和BOM,根据浏览器的不同,具体的表现形式也不尽相同。我们今天来谈一谈DOM和BOM这俩者之间的差异。用百科上的来说:1. DOM是 W3C 的标准; [所有浏览器公共遵守的标准]2. BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]3. window 是 BOM 对象,而非 js 对象;DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。BOM 主要处理浏览...
在有了上部分的基础之后,我们就可以生成一个博客的内容——BlogPosts Detail。这样就完成了我们这个移动CMS的几乎主要的功能了,有了上节想必对于我们来说要获取一个文章已经不是一件难的事情了。获取每篇博客于是我们照猫画虎地写了一个BlogDetail.jsdefine([‘jquery‘,‘underscore‘,‘mustache‘,‘text!/blog_details.html‘ ],function($, _, Mustache, blogDetailsTemplate){var BlogPostModel = Backbone.Model.extend({...
为了理解“循环”,可以将在javascript中的代码想象成一条条的分支路径。循环语句就是程序路径的一个回路,可以让一部分代码重复执行。常见的循环语句有:while、do/while、for和for/in。(1)whileif语句是一种基本的控制语句,用来选择执行程序的分支语句。和if一样,while语句也是一个基本循环语句,它的语法如下:while (expression){ statement; }在执行while语句之前,Javascript解释器首先计算expression的值,如果...
javaScript编码规范 这正是本书的内容:如何站在团队的角度去写<SPAN style=‘font-family: "Times New Roman";‘>javascript代码。目标是解决多人开发的环境中很多工程师如何书写统一风格的代码的问题。对于个人来说,需要在一定程度上牺牲个人偏好、个人观点甚至个人英雄主义,但你所收获的将是一个能做大事的高效团队。 <SPAN style=‘font-family: "Times New Roman";‘>“java语言编码规范”指出编码规范如此重要的几个原因...
引用类型是一种数据结构,本质是数据和功能的集合。引用类型有时也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。引用类型相当于java里面的类,javascript虽然是一门面向对象语言,但是它不支持传统面向对象语言的类和接口。 对象是某个特定引用类型的实例,对象可以通过new操作符后跟一个要创建的对象类型的名称来创建。例如:var o = new Object();这行代码创建了Object引用类型的一个新实例,然后将该实例保...
一、document.write方法document对象write()方法,常用来向网页中输出字符串,圆括号中可以是要输出的字符串,document.write(‘这是我的个人博客‘);也可以是字符串变量,var myText = ‘这是我的个人博客‘; document.write(myText);还有一种,就是通过字符串和变量组合的方式进行输出。var myText = ‘这是我的‘; document.write(myText + ‘个人博客‘);document.write还可以应用到函数中,不过我需要在HTML中调用这个函数才能...
Javascript中function即为类,在function内部用this设置类的public成员变量与方法,例如: [javascript] view plaincopyfunction myclass(name){ var str = "private string"; //private field function privatefn(){ //private method alert(str); }; this.name = name; this.pubfn = function(){ privatefn(); //call private method ...
1.单例模式单例模式的定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点。实现的方法为先判断实例存在与否,如果存在则直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。适用场景:一个单一对象。比如:弹窗,无论点击多少次,弹窗只应该被创建一次。class CreateUser {constructor(name) {this.name = name;this.getName();}getName() {returnthis.name;} } // 代理实现单例模式var ProxyMode ...
最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的。客户端代码 服务端代码 (点击图片进入游戏体验)前文链接:javascript开发HTML5游戏--斗地主(单机模式part1)javascript开发HTML5游戏--斗地主(单机模式part2)本文章为第三部分内容,主要AI相关逻辑实现,参考文章斗地主ai设计。...
function extend(Child, Parent) {var F = function(){};F.prototype = Parent.prototype;Child.prototype = new F();Child.prototype.constructor = Child;Child.uber = Parent.prototype;} 使用的时候,方法如下extend(Cat,Animal);var cat1 = new Cat("大毛","黄色");alert(cat1.species); // 动物这个extend函数,就是YUI库如何实现继承的方法。原文:http://www.cnblogs.com/hubing/p/4528496.html
界面设置/***body**/<body> <h1>贪吃蛇游戏</h1> /***score记录成绩**/ <p id="score">0</p> /***地图**/ <div id="snake_map"> /***地图的绘制通过js实现**/ </div> /***三个按钮**/ <div class = "box"> <button type="button" name="button" id="reset">重新开始</button> <button type="button" name="button" id="createSpeed">升速</button> <button type="button" nam...