草庐IT

JS动画

全部标签

javascript - Firefox 为 d3.js svg 库苦苦挣扎?

我编写了一些d3.j代码,它是svg可视化库,在我的Mint安装中,firefox非常不适合渲染它。是关于我的安装还是一般情况?Hereisaexamplelink对于d3.js示例 最佳答案 快2年过去了,FF里的动画还是FF29的问题。这是一个耻辱。 关于javascript-Firefox为d3.jssvg库苦苦挣扎?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1086

javascript - 使用 zombie.js 同步外部 JS 加载

问题:我正在使用zombie.js测试我的客户端javascript,但我遇到了问题。Zombie.js不提供同步标签执行,实际上似乎根本不执行外部JS文件。一项基本测试证实了这一点:console.log("Inlinejavascript.");每个test#.js包含一行:console.log("TEST#.JS");当我在常规浏览器中呈现它时,控制台显示预期的:TEST1.JSTEST2.JSTEST3.JSInlinejavascript.但是当我用zombie.js运行它时,我只看到一行Inlinejavascript.这是我试图解决这个问题的方法:使用document.

javascript - 使用 Handlebar.js

我实际上是想找一些关于Handlebar.js的教程,我发现了这个http://javascriptplayground.com/blog/2012/05/javascript-templating-handlebars-tutorial但它实际上并没有按预期工作。我正在做的是我有一个index.html文件,MessingwithHandlebars{{name}}on{{date}}{{comment}}和包含代码的app.js。varsource=$("#ajax-comment").html();vartemplate=Handlebars.compile(source);va

javascript - 在 javascript 计算时使用 CSS 动画

我正在开发一个Web应用程序,它需要在启动时生成和计算一堆数组。我想在发生这种情况时显示一个加载页面,并且可能会播放一些css动画,但似乎CSS动画会在执行javascript时挂起。我已经有一个加载栏,它会根据处理的关键事件进行更新,但我想使用css-transitions来稍微平滑它。我想知道是否有任何方法可以在javascript执行时让某些东西具有动画效果?我知道我可以设法不时将控制权交还给浏览器以让它刷新,但我发现在后台使用javascript计算某些东西只会卡住整个界面是愚蠢的。编辑:这是我所说的一个愚蠢的例子:http://jsfiddle.net/YWefx/13/如果

javascript - 两个 .js 文件的 GetScriptDescriptors() 方法 : strange unexpected behavior

我的自定义服务器端ajax控件实现了IScriptControl:GetScriptReferences获取脚本描述符第一个方法发送javascript文件,第二个方法根据之前发送的一些.js文件创建javascript对象。在我的“AssembleyInfo”文件中,我添加了以下行,并在属性资源管理器中将.js文件标记为“嵌入式资源”://thisallowsaccesstothisfiles[assembly:WebResource("ProjectName.file1.js","text/javascript")][assembly:WebResource("ProjectNam

javascript - 如何将内联 javascript 与 Express/Node.js 中动态生成的内容分开?

对于有几年网络开发经验但在ProgrammerStackExchange或Google上都找不到答案的人来说,这是一个有点菜鸟的问题,我决定在这里问一下。我正在为Node.js使用Express网络框架,但这个问题并不特定于任何网络框架或编程语言。这是从数据库中查询的游戏列表。每个游戏实体都是一个表格行,使用for循环生成:table.tabletbodyforgameingamestrtd.span2img.img-polaroid(src='/img/games/#{game.largeImage}')//continuesfurther每个Ratingblock,以及每个Buy按

javascript - 使用 doT.js 递归

假设我有这样的数据结构:{list:[{name:"1",children:[{name:"1.1",children:[]},{name:"1.2",children:[{name:"1.2.1",children:[]}]}]},{name:"2",children:[{name:"2.1",children:[{name:"2.1.1",children:[]},{name:"2.1.2",children:[]},{name:"2.1.3",children:[]}]},{name:"2.2",children:[]},{name:"2.3",children:[]}]},{n

javascript - 如何在 for 循环的每次传递中增加动画延迟

首先,我创建了一个基本演示,展示了我现在拥有的东西here.其次,这是我正在使用的javascript。varboxes=["#one","#two","#three","#four"];boxhover=function(a){$("#hover").hover(function(){$(a).stop(true).delay(250).animate({opacity:1});},function(){$(a).stop(true).delay(250).animate({opacity:0});})}for(vari=0;i我希望实现的是让每个盒子一个接一个地悬停,延迟时间为25

javascript - JS - 停止对象链方法没有错误

我们有一些Foo对象varFoo=function(){this.bar=function(bazinga){if(bazinga){returnthis;}else{returnfalse;}}this.show=function(){alert('bar');}};所以它允许我们做一些foo.bar().bar().bar().bar();链。但如果在链的中间,bar()将返回false,下一次bar()尝试将导致错误,即undefinedhasnomethodbar()这是ofc的事情。那么,当它的任何“环”返回false时,如何使所有链返回false而没有错误?FIDDLE

javascript - 如何使用 leaflet js 插件弹出和悬停?

我正在使用drupal传单模块,并希望在单击时弹出一个窗口,然后在悬停时将鼠标悬停在Angular落中。目前我有弹出窗口工作但无法添加鼠标悬停。我读到的所有地方都在说您可以使用geoJson对象向功能添加鼠标悬停,但看起来我无法通过此模块使用它访问该对象。这是我的Js代码。(function($){Drupal.behaviors.maps={attach:function(context,settings){//AddlegendstoeachleafletmapinstanceinDrupal'ssettingsarray$(settings.leaflet).each(funct