草庐IT

JS动画

全部标签

javascript - 将 Cucumber.js 与 Jest 一起使用

我正在使用Jest进行单元测试,并且正在集成Cucumber.js以运行用Gherkin编写的规范。我已经全部设置好并且可以正常工作,但是我遇到了一个问题:如何使用Jest的expect?我可以使用chai,但我希望在单元测试和步骤定义之间保持相同的expect语法(我不希望to.equal在我的步骤定义和toEqual在我的单元测试)。我该怎么做?经过一些挖掘后,Jest似乎依赖于expectnpm包。我可以在我的package.json中明确依赖该包,但我更愿意使用我现有的Jest依赖项。也许这是不可能的,但我希望这是可能的。另一种选择是通过Jest测试运行器以某种方式执行Gher

javascript - 带有谷歌地图的 Backbone.js - 这个问题和听众

我有一个为GoogleMapsv3创建的模块,我正试图将其转换为Backbone.jsView构造函数。到目前为止,这是我的View模块:我将在代码之后解释我遇到的问题:pg.views.CreateMap=Backbone.View.extend({tagName:"div",className:"map",events:{},latitude:"-23.56432",longitude:"-46.65183",initialize:function(){_.bindAll(this,'render','dragMarker','dragMap');this.latlng=newgo

javascript - 没有 jQuery 的动画 'show'

我想在我正在处理的这个最新网站上制作一些动画。基本上,我需要一个或两个基于单选按钮集或复选框上的onClick事件的div/段落显示/隐藏(然后,如果单选/检查是值A,则显示div/p,如果是B,则隐藏它)问题是,这就是我想在那个特定网站上进行javascript化的所有内容,所以jQuery看起来有点矫枉过正(即使是缩小版)是否有任何简单[我不能强调这一点]方法来通过vanillajavascript或其他一些最小的库来做到这一点[我通常正在寻找有什么想法吗?谢谢!编辑:感谢大家,我刚刚意识到,虽然我需要做的一些事情可以通过智能html+js完成,但是显示/隐藏正确的div的规则是如

javascript - 如果 JSON 对象位于嵌套数组中,如何使用 Mustache.js?

我听说过有关Mustache的精彩内容,并决定尝试一下。我正在尝试弄清楚如何将Mustache模板与jQuery一起使用。我已经搜索了几天了。mustache可以在这里找到:https://github.com/janl/mustache.js/这是我的尝试:$.getJSON('get_fullname.asp',{name:'johnny'},function(data,status,xhr){vartemplate='{{NAME}}test';strHTML=Mustache.to_html(template,data);$('#container').html(strHTML

javascript - 同位素中的动画项目大小 : Why is first item wonky?

我正在学习使用Isotope并看到了作者关于如何animateitemsizes的博客文章.我已经为我正在开发的项目实现了它。它由三个垂直列组成。每个项目为196像素x70像素。当您单击某个项目时,它会扩展到402像素x230像素。所有项目都正确调整大小并导致Isotope刷新布局-除了第一个项目。单击第一个项目会导致所有后续列表项目仅在一个垂直列中排列-即使有足够的空间并且项目应该围绕第一个项目排列。单击列表中的任何其他项目都会导致正确的行为。只有第一个是靠不住的。谁能看出是什么原因造成的?这是我的测试用例:http://joshrenaud.com/pd/testcase/test

javascript - backbone.js View 继承。 `this` 父级分辨率

我有一个使用View继承的案例,我的代码基本上是这样的:parentView=Backbone.View.extend({events:{"someevent":"business"},initialize:function(){_.bindAll(this);},business:function(e){...this.someFunc&&this.someFunc();...}});childView=parentView.extend({events:{...},constructor:function(){this.events=_.extend({},parentView.p

javascript - 粘性 header CSS/JS

我今天找到了这个网站http://www.forward-thinker.co.uk/.有谁知道如何制作这样的粘性标题。? 最佳答案 该特定站点使用jQuery的$(window).scrollevent.它检查滚动区域的顶部($(this).scrollTop();)是否低于特定高度。如果是这样,它会向标题的css添加一个包含position:fixed的类(它还会更改其高度,因为只有部分标题滚动)。如果滚动到的区域更靠近顶部,脚本会从标题的css中删除包含position:fixed的类,并将高度更改回其原始值。

javascript - JS/node.js中匹配字符的行号

是否可以在Javascript或node.js中找到多行输入(例如文件)的正则表达式匹配字符的行号? 最佳答案 是的,有一个半笨拙的解决方法。http://jsfiddle.net/tylermwashburn/rbbqn/varstring="This\nstring\nhas\nmultiple\nlines.",astring=string.split('\n'),match=/has/,foundon;Array.each(astring,function(line,number){if(match.exec(line))f

javascript - Node.js 作为 JSON 转发器

我是Node.js的新手,但我想将它用作一个快速的Web服务器,它只需接收请求uri,然后在返回JSON流的内部服务上运行查询。即像这样:http.createServer(function(request,response){varuri=url.parse(request.url).pathname;if(uri==="/streamA"){//sendgetrequesttointernalnetworkserverhttp://server:1234/db?someReqA-->ReturnsJSON....?//sendresponsetorequestoroftheJSON

javascript - 使用 jQuery 动画宽度时出现奇怪的 "shaking"效果(仅在 Chrome 中!)

我在一个简单的代码片段中使用jQuery为li元素的宽度设置动画。我使用hover()作为处理程序,使用.animate()来设置宽度动画。这是我的代码。$('li').each(function(){//storetheoriginalwidthoftheelementinavariablevaroldWidth=$(this).width();$(this).hover(function(){//whenthemouseenterstheelement,animatewidthto900px$(this).animate({width:'900px'},600,'linear')}