草庐IT

事件优化

全部标签

javascript - 休息参数是否允许优化?

TheManagingargumentssectioninBluebird'sarticleonOptimizationkillers指出:Theargumentsobjectmustnotbepassedorleakedanywhere.换句话说,不要做以下事情:functionleaky(){returnarguments;}但是这样做:functionnot_leaky(){vari=arguments.length,args=[];while(i--)args[i]=arguments[i];returnargs;}随着Restparamters的引入,传递rest参数数组还会

javascript - 将 transitionend 事件监听器与 react 一起使用以创建过渡

我正在尝试通过对按钮单击使用react来进行简单的转换,其中bodymax-height在componentWill更新时变为0,然后在componentDidUpdate上返回到500px或100%。我还没有从我看到的其他问题中完全理解它,所以有人可以给我举一个例子来解释它是如何工作的吗?我也不介意使用reactcsstransitiongroup的示例/解释。更多信息我知道transitionend附加了一个事件监听器,但我感到困惑的是如何使用它来确保组件在转换完成之前不会更新(我自学了react和几乎所有的编码知识,所以我不知道这是否应该很难理解,但目前对我来说很难)。谢谢大家!

javascript - 加载 jQuery 时触发事件

我正在合并使用YouTubeiFrameAPI和通过设置了defer标志的脚本标记加载的jQuery。必须设置延迟标志,因为客户拥有完美的Google页面洞察分数并希望保持该分数。YouTubeAPI在完全加载并准备好使用后,立即调用我定义的函数onYouTubeIframeAPIReady。稍后它会在播放器完全加载和渲染时调用onPlayerReady。我希望在此函数中使用jQuery,但仅在onPlayerReady函数中使用jQuery会产生竞争条件(希望在调用onPlayerReady时jQuery库已完成加载)。我想到一个可行的解决方案是使用onPlayerReady函数设置

javascript - 无法删除 useEffect 之外的事件监听器

我在useEffect中添加了一个事件监听器。由于useEffect第二个参数([]),它会在第一次重新渲染后运行一次。然后我尝试在useEffect之外(在handleSearch函数中)将其删除,但它不起作用。我怀疑它与功能范围有关,但不完全理解。也许有解决方法?consthandleSearch=()=>{window.removeEventListener('resize',setPageHeightWrapper);};const[pageHeight,setPageHeight]=useState(0);functionsetPageHeightWrapper(){setP

javascript - 在 QUnit 测试中,只有在测试运行之前获得引用时才会触发 click 事件

我想用Qunit测试以下代码.//mycodeundertestdocument.getElementById('saveButton').addEventListener('click',save);functionsave(){console.log('saveclicked');}我的QUnit测试获得对按钮的引用并调用click函数:(function(){"usestrict";//HACK:withthislinehereclickworks//varbtn=document.getElementById('saveButton');//thetestQUnit.test(

javascript - 如何使用 javascript 计时来控制鼠标停止和鼠标移动事件

所以我在aspx页面上有一个控件(map)。我想写一些javascript来加载以下设置:当鼠标停在控件上时=一些代码当鼠标移动时=一些代码(但前提是移动时间超过250百万秒)这可以在停止和移动时触发代码...functionsetupmousemovement(){varmap1=document.getElementById('Map_Panel');varmap=document.getElementById('Map1');map1.onmousemove=(function(){varonmousestop=function(){//codetodoonstop},threa

javascript - JavaScript 对象字面量中定义的事件处理程序可以访问自身吗?

如果对象是一个函数,我知道我可以用闭包(varself=this)来做到这一点:clickherevarobject={y:1,handle_click:function(e){alert('handlingclick');//wanttoaccessyherereturnfalse;},load:function(){document.getElementById('x').onclick=this.handle_click;}};object.load(); 最佳答案 将对handle_click的调用绑定(bind)到定义它的

javascript - 用于 jquery 和点击事件的 DataTables 插件

我正在努力让这个jquery插件正常工作。我需要的是一个单击事件,它允许我单击一行并有一个js窗口,该窗口将使用作为数据库中主键的row_id加载另一个页面。我真的迷失了javascript,但我喜欢这个插件,如果可能的话,我真的很想完成这项工作。我已经在这里待了几天了。我知道我已经接近了,但还没有达到目标。如果有人可以帮助我,我将不胜感激。我正在使用json导入数据。这是我当前的代码。它现在将编译,但不会触发.click事件。:/$(document).ready(function(){oTable=$('#search').dataTable({"sPaginationType":

javascript - 优化图像的javascript预加载

我想知道是否有人有任何策略可以通过javascript优化图像的预加载?我正在将Flash应用程序移植到html/css中,试图重新创建尽可能接近原始站点的UI。它本质上是一个照片浏览器应用程序,当用户将鼠标悬停在链接上时会显示高分辨率图像。每页大约有50-80张这样的图片。单独预加载所有图像会导致加载时间明显长于Flash应用程序的加载时间。数据量是相同的,但我必须假设较长的加载时间是由于每张图像必须与服务器进行的往返次数。此外,我发现即使在缓存图像之后每个页面的加载时间也很长,因为页面仍然需要联系服务器以获取每个图像以接收304NotModified代码。有人对加快速度有什么建议吗

javascript - iPhone/iPad/iPod 滑动事件 javascript

我正在寻找(如果可能的话)javascript库/插件来提供滑动事件。但是我不是在简单地检测滑动之后,例如jqTouch提供的。我希望创建类似于iPod设备上图像查看器的行为。因此,例如,您向左或向右拖动以转到下一个图像。您必须将图像拖到50%以上,然后松手,它会捕捉到下一张图像。如果您不拖动图像的50%,它只会恢复到原始状态。任何建议表示赞赏。谢谢。 最佳答案 我认为您可能正在寻找类似Carouselcomponent的内容在SenchaTouch中(在iPad/iPhone或Chrome/Safari上查看)。这具有您想要的内置