草庐IT

ios - 动画 TableView 单元格向左滑动

全部标签

JavaScript 警报卡住 iOS 浏览器

我在jquery-mobile中开发webapp时遇到了一些奇怪的错误。当我提示警报时,如果我触摸页面的某些输入,iOSSafari和Chrome将完全卡住,我只能使用任务管理器关闭它们。我很困惑是苹果的错还是我的错。一些代码:$('.checkout-comprar-button').click(function(){alert("hola!!!");});这是事件的div:这是输入之一:"name=""id="checkout-num-tarjeta"maxlength="30"/>显示警报后,如果我想聚焦某些输入,浏览器会卡住。当我强行关闭Safari时,这是控制台给我的消息::

javascript - 单元测试 react Helm 代码

我正在使用react-helmet将元素添加到head元素。title我正在尝试编写这样的单元测试:it('shouldrendermetadata',()=>{constwrapper=mount();//thisisnotworking.expect(document.title).to.equal("title");}); 最佳答案 我自己想出了答案。我做了以下操作:it('shouldrendermetadata',()=>{constwrapper=mount();//thiswillreturnallthemarkupa

javascript - 单元测试时检查错误参数有多重要?

假设我有一个方法接受一些参数并将它们存储为实例变量。如果其中之一为空,则稍后的某些代码将崩溃。如果提供空参数,您是否会修改方法以抛出异常并添加单元测试来检查它?如果我这样做,它会稍微复杂一些,因为javascript有很多错误的值(null、undefined、NaN等),而且由于它具有动态类型,我什至无法检查是否传入了正确类型的对象。 最佳答案 我认为这实际上取决于您要对哪种API进行单元测试。如果这是一个仅为内部使用而设计和构建的组件,并且您知道使用将受到某些限制,那么对错误参数进行单元测试可能会过大。另一方面,如果您谈论的是要

javascript - 无法在嵌套的 ngRepeat 上触发动画

我不知道如何使用Angular在嵌套的ngRepeat上触发动画。CSS类“.test”是动画的。在内部ngRepeat上使用“.test”时它不起作用(Plunker):{{item.title}}在外部ngRepeat上使用“.test”时它确实有效(Plunker):{{item.title}} 最佳答案 您可能需要添加ngAnimateChildren父容器上的属性,并更新css。尝试:-{{item.title}}和.test.ng-move,.test.ng-enter,.test.ng-leave{-webkit-tr

javascript - 单元测试 react Action - browserHistory 未定义

我为我的行为编写测试,使用{browserHistory}from'react-router';当我运行测试时,导入的browserHistory由于未知原因未定义。因此,测试会抛出一个错误——“无法读取未定义的‘push’属性”;我不知道,为什么browserHistory未定义,如果它在我的应用程序中有效。有人可以帮助我吗? 最佳答案 我猜你没有使用karma或任何浏览器来运行你的测试。如果没有浏览器,对象browserHistory将是未定义的。您可能需要使用sinonstub您的浏览器历史记录。类似以下内容可能有帮助:imp

javascript - 如何在单元测试中调用 $(document).ready(function() {})

我在单元测试中尝试调用document.ready(function(){})时遇到困难。假设我的javascript文件中有多个,其中一个在命名函数内调用,即functionmyFunction(){$(document).ready(function(){//...});}我如何在我的单元测试中实际调用它们以便我可以实际测试它们?我正在使用JsTestDriver对我的javascript进行单元测试。谢谢。 最佳答案 如果是单元测试,我猜你会在给定特定输入时检查函数输出?这是我的看法:您应该为调用document.ready的

javascript - 如果 CSS3 过渡不存在,使用 Modernizr 和 jQuery 来制作动画

如果不支持CSS3,有没有办法结合使用Modernizr和jQuery来启用类似于转换的功能?我目前正在做的是这样的......ThisdivchangesbothwidthandheightonhoverCSS是.hoverable{height:100px;width:2000px;transition:height.5s,width.5s;}.hoverable:hover{height:200px;width:100px;}如果不支持CSS3转换,我目前只是使用Modernizr使div默认处于悬停状态。如果不支持CSS3,有没有办法使用Modernizr触发jQuery动画?

javascript - 为每个列表项添加带有延迟的 CSS 动画

这个问题在这里已经有了答案:Howtomakeeachtagappearslowlyoneaftertheother(1个回答)关闭7年前。我正在尝试编写一些jquery,它将遍历指定的无序列表/dom元素并为每个列表项/子项分配一个CSS(动画)类。我还想在.addClass之间设置一个可调整的延迟时间。我尝试过的一切都惨遭失败。例如:Item1Item2Item3Item4变成:Item1(50msdelay)Item2(50msdelay)Item3(50msdelay)Item4(50msdelay)有什么想法吗?

javascript - 我可以将 socket.io 事件监听器分成不同的模块吗?

我正在处理超过15个不同的套接字事件,我想在与这些事件相关的模块中管理某些socket.io事件。例如,我想让名为login.js的文件处理login套接字事件,让名为register.js的文件处理注册套接字事件。index.js:socket.on("connection",function(client){console.log("Clientconnectedtosocket!");client.on("login",function(data){validate(data){socket.sockets.emit("login_success",data);}});clien

javascript - 动画结束事件未触发

我正在尝试向元素添加animationend事件,但该事件没有被触发。我做错了什么,我该如何解决?JSFiddlevarbtn=document.getElementById('btn');varelem=document.getElementById('elem');vartimeOutFunc;btn.addEventListener('click',function(){elem.classList.add('show');clearTimeout(timeOutFunc);timeOutFunc=setTimeout(function(){elem.classList.remo