草庐IT

from_event_index

全部标签

javascript - 套接字IO : Client side 'connect' event not firing when socket is already setup

我在浏览器控制台中使用socketio设置了一个websocketsocket.socket.connected返回真值。但是如果我再添加:socket.on('connect',function(){console.log('some');});没有任何反应,即“some”没有被记录。这是来自官方的socket-io页面:varsocket=io.connect();socket.on('connect',function(){socket.emit('ferret','tobi',function(data){console.log(data);});});我想这段代码可以正常工作

javascript - masonry 事件 : Call event after imagesLoaded and layoutComplete

这就是我想要做的。我有一个包含大量图像的网格,因此我将imagesLoaded库与masonry一起使用。这是我的CSS:.grid{opacity:0;}和HTML:imageimageimage这是我的JS:var$container=$('.grid');//initializeMasonryafterallimageshaveloaded$container.imagesLoaded(function(){$container.masonry({columnWidth:'.grid-sizer',itemSelector:'.item',gutter:'.gutter-size

javascript - 位置 :sticky : Adding style when the element detaches from normal flow

举个简单的例子:MYNAVBAR和基本样式:#mynav{position:sticky;}我想将以下样式信息应用到我的导航栏仅当它脱离正常流程时,以便从视觉上将其与主要内容分开(在这种情况下带有阴影)box-shadow:0px10px15px0pxrgba(0,0,0,0.75);我可以使用某种伪类或类似媒体查询的东西吗?例如:#mynav:some-pseudo-class{box-shadow:0px10px15px0pxrgba(0,0,0,0.75);}我知道有一些很好的插件,但如果不绕过(相当新的)native功能position:sticky,它们似乎都无法实现它。相反

javascript - Angular 2 : How do I get params of a route from outside of a router-outlet

与Angular2Getrouterparamsoutsideofrouter-outlet类似的问题但针对的是Angular2的发布版本(因此是路由器的3.0.0版)。我有一个带有联系人列表和路由器socket的应用程序,用于显示或编辑所选联系人。我想确保在任何时候(包括页面加载时)都选择了正确的联系人,所以我希望能够在路线更改时从route读取“id”参数。我可以通过订阅路由器的事件属性来处理路由事件,但是事件对象只允许我访问原始url,而不是它的解析版本。我可以使用路由器的parseUrl方法解析它,但是这种格式不是特别有用,而且相当脆弱,所以我宁愿不使用它。我还在路由事件中查看

javascript - Angular Directive(指令) : It's possible testing that certain characters are rejected in a keypress event?

我一直在构建一个指令来限制用户按下某些无效字符,在这种情况下,使用keypress事件绑定(bind)到使用我的指令的输入元素。我一直在尝试测试此功能,但我不明白如何实现。我的指令angular.module('gp.rutValidator').directive('gpRutValidator',directive);directive.$inject=['$filter'];functiondirective($filter){varddo={restrict:'A',require:'ngModel',link:linkFn};returnddo;functionlinkFn(

javascript - VueJs v-on :event and this. $on(event, handler) 有什么区别?

我正在学习Vuejs事件处理。我认为开发人员可以使用this.$on('event',handler)在js文件中处理'event'。有一个example.EmitEventjs文件varapp=newVue({el:"#mainapp",data:{show:false},created:function(){this.$on('event',this.processEvent);},methods:{emitEvent:function(){this.$emit('event',{data:'mydata'});},processEvent(data){console.log('j

JavaScript event.currentTarget 对比这个

event.currentTarget和this有区别吗?性能怎么样? 最佳答案 currentTarget事件属性返回事件监听器触发事件​​的元素。这仅在捕获和冒泡期间特别有用。您也可以使用this关键字,但是当您使用Microsoft事件注册模型时,this关键字不引用HTML元素。请参阅以下链接了解更多信息:http://www.quirksmode.org/js/events_order.html微软模式的问题但是当您使用Microsoft事件注册模型时,this关键字不会引用HTML元素。结合Microsoft模型中缺少类

javascript - 我怎样才能将焦点放回具有较低 z-index 的对象,尝试在 map 顶部创建一系列透明 div

如果我有一个父div,上面有一个子div,我可以给父div焦点而不隐藏子div吗?我正在使用GoogleMapsAPI并想在其上绘制一个透明div网格以插入信息,但是,由于所有这些小div都在我的map上,我无法拖动map。我确信我可以使用API来做到这一点,但这有点离题了,因为无论我在什么基础上工作,我都想这样做。Someoverlayinformation我正在使用JQuery并弄乱了.focus()但没有成功。谢谢! 最佳答案 事实证明,您可以使用jQuery“传递”事件:$(document).ready(function(

javascript - Mixpanel javascript 集成 : consecutive events are recorded in wrong order at mixpanel end

我正在网页中记录两个事件注册计划完成这两个事件记录在该页面中,因为用户可以注册并完成该过程(用户注册在表单提交中内部处理,并将其记录在完整页面中)。记录JS代码的事件按上述顺序连续一行。那些与mixpanel.track函数调用相关的事件是按顺序发出的。问题有时是在服务器中注册之前记录的计划完成事件。我检查了Mixpanel的实时View并注意到这种情况是随机发生的,概率大约为0.1。我想知道是否有办法通过设置订单号或本地时间戳或任何其他方式来解决这个问题。我的环境是:Mixpanel:JS库浏览器:windows7中的chrome 最佳答案

javascript - react Hook : accessing up-to-date state from within a callback

编辑(2020年6月22日):由于这个问题引起了一些新的兴趣,我意识到可能存在一些困惑。所以我想强调:问题中的例子只是一个玩具例子。它不能反射(reflect)问题。引发这个问题的问题是使用第三方库(对其控制有限),该库将回调作为函数的参数。为该回调提供最新状态的正确方法是什么。在React类中,这将通过使用this来完成。在Reacthooks中,由于状态被封装在React.useState()函数中的方式,如果回调获取状态通过React.useState(),它将是陈旧的(设置回调时的值)。但如果它设置状态,它将可以通过传递的参数访问最新状态。这意味着我们可以通过将状态设置为与原来