草庐IT

JS动画

全部标签

javascript - 使用 require.js 将 jQuery、Underscore 和 Backbone 包含为 AMD 模块的最佳方法是什么?

我见过许多不支持AMD的加载模块变体但是,我想知道这样做的最佳做法是什么。最终,我想编写这样的模块:module.js:define(["jQuery","Underscore","Backbone"],function($,_,Backbone){...modulecodehere}但是使用AMD加载这些依赖项存在很多问题,因为它们并非都与AMD兼容。 最佳答案 我创建了一个待办事项列表样板Web应用程序,它将所有模块加载为AMD模块(没有加载程序)。检查一下:https://github.com/ronreiter/webapp

javascript - 哪些脚本加载器(AMD 或非 AMD)与 Backbone.js/Underscore 一起使用?

一个星期以来,我开始学习如何将require.js与Backbone.js和Underscore.js一起使用。这是一个非常困难的东西,但3天前我读到Underscore将不再支持Require.js(AMD)了!现在我有点困惑。我非常喜欢脚本加载器的概念,不想错过它!有人已经成功地将脚本加载器与Backbone.js(0.5.3)和Underscore(1.3.0)一起使用了吗?谢谢你的帮助!链接:另一个解决方案here 最佳答案 我目前在我的Backbone样板中使用下划线1.3和Backbone0.5.3。你可以看到我在那里做

javascript - Knockout.js foreach 非常慢

我正在尝试使用模板创建一个简单的标记。像这样的东西:它工作得很好,但是如果我需要用这个模板渲染很多div,它会非常慢。创建每个div后的knockout将其添加到文档中。但是,如果我这样做:el=document.createElement("div");applyBindings(myModel,el);(div.list).innerHTML=el.innerHTML它工作得更快但不方便。也许Knockout有一些内置功能可以创建一组元素,然后将这组元素添加到文档中? 最佳答案 听起来KO正在使用您添加的每个DIV来操纵DOM。

javascript - 在 Backbone.js 中创建自定义 "sync"方法

在backbone中创建一个自定义的sync()方法。我想“正确”地做这件事,尽可能少地干扰Backbone的正常功能。这是我目前的代码:varCustomSyncModel=Backbone.Model.extend({sync:function(method,model,options){varparams={type:'POST'url:model.url(),error:function(jqXHR,textStatus,errorThrown){alert('error');},success:function(data,textStatus,jqXHR){model.par

javascript - Ember.js - 模型中的异步调用 find() 方法

我已经在我的Property模型上实现了find()和findAll()方法。这两种方法都对API进行异步调用。findAll()在连接我的家庭路线的导出时被调用,并且工作正常。find()由Ember.js在连接我的属性路由的导出时调用。请注意,当通过操作导航到属性路由时不会调用find(),但会在您通过URL直接转到路由时调用。这是我的路由器:App.Router=Ember.Router.extend({root:Ember.Route.extend({showProperty:Ember.Route.transitionTo('property'),home:Ember.Rou

javascript - 如何在屏幕上跟随 jQuery 动画 div?

我正在使用jQuery.crSpline沿弯曲路径为图形设置动画。我对结果非常满意。但是,完整的Canvas尺寸有意设计得很宽-肯定比大多数屏幕都大-因此图形会很快用完视口(viewport)空间并在屏幕上显示动画。相反,我希望浏览器视口(viewport)跟随图像或以图像为中心,以便它保持“在镜头中”。我将如何使用jQuery来解决这个问题?scrollTop是一个选项吗?我创建了一个jsFiddledemo,基于crSplinedemosource,但具有较宽的minX设置。注意:我首先尝试使用YUI3和Loktar提供了基于Canvas的solution,但是我不再使用YUI和c

javascript - 你如何使用 jQuery 加速动画中间动画?

假设你有一个像这样的特定时间运行的动画:$('span').animate({opacity:1},10000);动画很长,因此用户尝试再次单击按钮。动画已经播放了一定的时间,每次可能都不一样。在第二次点击时是否可以更新动画过程,在用户点击时保持对象的不透明度,只是改变完成所需的时间?基本上我想在动画中途更新动画过程。 最佳答案 您可以使用animate的step选项来跟踪动画的进度。然后根据这些信息,您可以计算动画中剩余的时间。然后停止当前动画并开始一个持续时间减半的新动画。http://jsfiddle.net/MdD45/编辑

javascript - Backbone.js 将 View 附加到多个元素

我是backbone的新手,所以我这样做可能违反了backbone的本质。建议表示赞赏:我做了一个类似墙的系统。所以有一个表格可以用来在墙上发布更新。每次更新都可以对其进行评论。我一次显示10个更新。所以有10个意见表。所以我有一个看法:CommentForm=Backbone.View.extend({initialize:function(messageView){},events:{"submit":"postcomment"},showMessage:function(data){if(data.success)type="success";elsetype="error";m

javascript - 第三方 js 脚本可以写 cookies 吗?

第3方脚本是否可以将cookie写入用户的计算机?例如,如果affiliate.example.org包括:我想为附属公司提供一个脚本,希望能在他们客户的机器上写一个cookie;理想情况下,我们希望自己控制脚​​本。然而,在尝试之前,我只是想看看它是否可行。当然,另一种选择是我们为附属公司提供实际脚本以直接放到他们的网站上。 最佳答案 是的,第三方脚本可以写入cookie,它们看起来属于页面本身的域。如果您使用GoogleAnalytics检查任何站点的cookie,就会看到这一点-内容来自第三方(Google),但_utm前缀c

javascript - Ember.js 路由器应用架构——如何拥有多个嵌套 View / Controller 对

我有一个ember应用程序,socket和连接socket的概念很好,我明白了。我不明白的是如何在没有疯狂嵌套的情况下在另一个内部拥有多个View/ControllerView假设我正在设计具有电子邮件功能和照片库功能的icloud克隆。现在,如果我想完成类似的事情************************************************************INBOXLIST**COMPOSEORVIEWMESSAGE******************CONTACTSLIST******************************************