草庐IT

实例演示

全部标签

javascript - Gif、Javascript 和多个实例

也许是个愚蠢的问题,但无论如何还是要问。示例:假设我有一个非循环动画GIF和两个img元素。所以我使用了一些javascript来更改slot1的源。functionchangE(x){varimage=document.getElementById(x);image.src="animated.gif";}someButtonGotClicked=changE('slot1');效果很好。Gif从头到尾播放,但如果我随后将slot2的src更改为相同的gif:changE('slot2');slot1将它的gif重置回开始以与开始它的gif的slot2同步。现在我知道我可以复制gif

javascript - 使用 Hapi.js 框架的多个服务器实例

出于几个原因,我正在接近这个node.js框架。简单、出色的模块化和开箱即用的快速配置。很快就遇到了我在express.js框架学习过程中从未见过的Pack这个概念。来自官方指南的以下示例:varGood=require('good');server.pack.register(Good,function(err){if(err){throwerr;//somethingbadhappenedloadingtheplugin}server.start(function(){server.log('info','Serverrunningat:'+server.info.uri);});

javascript - 通过实例方法修改类的所有成员

在JavaScript中,是否可以在影响其所有兄弟对象的对象上调用实例方法?例如,假设我有以下类(class):functionThing(){this.active=false;}Thing.prototype={constructor:Thing,activate:function(){this.active=true;},deactivate:function(){this.active=false;}};我是否可以创建一个activateAll方法来激活类Thing的所有实例?我需要this.active成为一个实例变量。 最佳答案

javascript - 实例上的正则表达式总匹配

我的测试字符串包含一个左方括号和一个右方括号的4个实例,因此我希望以下正则表达式返回4个匹配项,但它只返回1个。consttest="sf[[[[asdf]]]]asdf"constregExp=newRegExp(/^.*\[.*\].*$/,"g");constmatches=test.match(regExp).length;console.log(matches); 最佳答案 您可以结合使用递归和正则表达式:functionparse(str){constmatches=[];str.replace(/\[(.*)]/,(m

javascript - angular ui router - 必须点击两次才能按预期更新 View (带演示)

我是Angular的新手,刚刚开始掌握AngularUI路由器框架。我有一个html页面,其中包含一个问题列表(每个问题都需要自己的url)和一个结果页面。我创建了一个快速精简的plunker(包含所有文件)来演示这个问题:http://plnkr.co/edit/QErnkddmWB0JgendbOiV?p=preview对于SO引用:应用程序.jsangular.module('foo',['ui.router']).config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/q

javascript - 使用 ES6 类将实例方法传递给 super

据我了解,在调用super()之前,this在构造函数中不可用。不过,在引用实例方法时,我们需要在方法前加上this前缀。那么如何将实例方法传递给super()呢?例如在Phaserframework,有一个Button类(class)。构造函数接受点击事件的回调:ConstructornewButton(game,x,y,key,callback,callbackContext,overFrame,outFrame,downFrame,upFrame)callback-ThefunctiontocallwhenthisButtonispressed.callbackContext-T

javascript - 获取 CoffeeScript 对象的所有实例方法

我有一个CoffeeScript对象,我想获取它的所有实例方法。有没有简单的方法来做到这一点? 最佳答案 您可以获得所有实例方法,因为它们现在使用以下CoffeeScript代码:keys=(kfork,vofobjwhentypeofvis'function')@thejh的解决方案不仅仅提供功能,而且并非在所有JS平台上都有效,但在其他方面是正确的。另请注意,CoffeeScript对象是JavaScript对象——实际上没有区别。 关于javascript-获取CoffeeScri

javascript - 循环中几个元素的 JS ArrowDown addEventListener(演示)

键盘ArrowDown事件有以下监听器(它的键码是40):window.onload=function(){varitemsContainer=document.getElementById('cities-drop');document.addEventListener('keyup',function(event){if(event.keyCode==40&&itemsContainer.style.display=='block'){event.preventDefault();for(vari=0;i在这种情况下,悬停跳转到列表中的最后一个元素,在按下ArrowDown之后。如

javascript - 为什么内联实例创建行为不同?

考虑这段代码:functionFoo(){}Foo.prototype.alert=function(){alert(this);}(newFoo()).alert();执行时(在jsfiddle中),警报显示“this”是窗口对象。将最后一行更改为:varfoo=newFoo();foo.alert();按预期工作。为什么不同? 最佳答案 你的代码实际上是:functionFoo(){}Foo.prototype.alert=function(){alert(this);}(newFoo()).alert();因为少了分号,加个分

javascript - Backbone-relational 不能实例化两个 RelationalModel 对象

我正在尝试实现BackboneRelational并不断获得"CannotinstantiatemorethanoneBackbone.RelationalModelwiththesameidpertype!"classApp.Models.UserextendsBackbone.RelationalModelurlRoot:'/api/users'idAttribute:'id'relations:[type:Backbone.HasManykey:'plots'relatedModel:'App.Models.Plot'collectionType:'App.Collections