草庐IT

rxjs-dom

全部标签

javascript - 在 DOM 交互期间暂停布局

在Javascript中,我正在清除DIV的内容,然后重新填充它,是否有任何方法可以暂停这些元素的布局或锁定UI,直到我完成对HTML的削减?我不想弹出任何消息,我只是不想在删除/添加项目时看到闪烁。 最佳答案 您可以在DocumentFragment中构建新元素的内容在将其插入实际文档之前:varfragment=document.createDocumentFragment();//buildnodeinfragmentvardiv=/*…*/;//DIVthatshouldbereplaceddiv.parentNode.re

javascript - 查看元素的所有 dom 事件

我有一个jQueryUI日期选择器,当您单击一个日期时,它会将我的URL哈希清除为#,并且不会更改文本框中的日期。我假设在某处还有一些其他JavaScript实用程序具有某种委托(delegate)事件,该事件也被调用、抛出错误并终止jquery处理程序。我如何单步执行和/或查看所有委托(delegate)事件都匹配此dom元素。 最佳答案 Chrome的开发工具可以帮助解决这个问题:将Chrome指向页面右键点击jQueryUI日期选择器中的日期,然后选择“检查元素”。在最右侧,有一架Accordion,上面有各种东西。底部附近是

javascript - 按需使用 javascript 强制重绘 DOM

问题的标题表达了我认为是我的特定案例背后的最终问题。我的情况:在点击处理程序中,我想在繁忙的功能开始之前使图像可见(“加载”动画)。然后我想在功能完成后再次使其不可见。我意识到图像永远不会变得可见,而不是我所期望的。我猜这是由于浏览器等待处理程序结束,然后才能进行任何重绘(我确信这有良好的性能原因)。代码(也在这个fiddle中:http://jsfiddle.net/JLmh4/2/)html:clicktoseethecatjs:$(document).ready(function(){$('#enlace').click(function(){varkitty=$('#kitty

javascript - 使用 RxJs 将分页请求转换为 Observable 流

我有一个返回页面数据的服务。对一页的响应包含有关如何查询下一页的详细信息。我的方法是返回响应数据,然后在有更多可用页面时立即连接对相同可观察序列的延迟调用。functiongetPageFromServer(index){//returndummydatafortestcasereturn{nextpage:index+1,data:[1,2,3]};}functiongetPagedItems(index){returnObservable.return(getPageFromServer(index)).flatMap(function(response){if(response.

javascript - DOM 对象是 javascript 对象吗?

这是我找不到官方答案的事情。对于某些人来说,DOM对象是JS对象,对于其他人来说,它们是不同的。正确答案是什么?通过在stackoverflow中搜索,您可能会看到有争议的意见。例如,对象document.body只属于DOMAPI还是也可以被视为javascript引擎的一部分?Javascript是创建它的内部表示还是只是与DOM通信以访问它? 最佳答案 DOMAPI是一个collectionofstandards在variety中有实现ofprogramminglanguages.浏览器中JavaScript可用的DOM以Ja

javascript - RxJs:如何根据可观察对象的状态进行循环?

我试图让RxJs在我的流中循环一个Observable直到它处于特定状态,然后让流继续。具体来说,我正在将同步do/while循环转换为RxJs,但我假设同样的答案也可以用于for或while循环。我以为我可以为此使用doWhile(),但似乎条件函数无法访问流中的项目,这似乎违背了我的目的。我不完全确定正确的响应式术语是什么,但这是我想要的示例:varsource=newRx.Observable.of({val:0,counter:3});source.map(o=>{o.counter--;console.log('Counter:'+o.counter);if(!o.count

javascript - jquery 中 DOM 元素的手动垃圾收集是否完全提高了浏览器性能?

考虑到性能范围,删除不再需要的元素是否有意义?或者浏览器是否对代码中未进一步引用的dom元素执行自动垃圾回收?$('some_element').fadeOut(1000,function(el){$(el).remove();// 最佳答案 这段代码:$('some_element').remove();告诉浏览器您已完成该元素,DOM中不再需要它。如果您的javascript中没有对该元素的任何其他引用,垃圾收集器将释放它使用的内存。如果您不删除它,那么只要该网页显示,DOM元素就会保留在您的网页中。它永远不会被垃圾收集,因为浏

javascript - Slick Carousel 如何将当前幻灯片作为 dom 或 jquery 对象获取?

使用slick,我有一个简单的旋转木马:我正在使用onAfterChange函数初始化轮播以尝试更新另一个div中的标题,但我对如何将此div作为dom或jquery对象感到有点困惑?$('.carousel').slick({lazyLoad:'progressive',onAfterChange:function(slider,index){console.log(???);}});其中slider返回轮播对象,index返回当前幻灯片。如何从中获取data-caption值? 最佳答案 Arg,抱歉,我在名为Accessing

javascript - Uncaught Error : _registerComponent(. ..) : Target container is not a DOM element. (...)

我在运行这段React代码时遇到了这个错误:importReactfrom'react';importReactDOMfrom'react-dom';ReactDOM.render(Hello,world!,document.querySelector('#root'));这是错误:bundle.js:1194UncaughtError:_registerComponent(...):TargetcontainerisnotaDOMelement.(…) 最佳答案 显然您忘记在页面中添加元素,这就是react找不到容器的原因,为避免

javascript - RxJs 中是否有 "async"版本的过滤器运算符?

我需要通过针对某些Web服务检查条目来过滤由observable发出的条目。普通的observable.filter运算符在这里不适用,因为它期望谓词函数同步返回判定,但在这种情况下,只能异步检索判定。我可以通过以下代码进行转换,但我想知道是否有一些更好的运算符可以用于这种情况。someObservable.flatmap(function(entry){returnRx.Observable.fromNodeCallback(someAsynCheckFunc)(entry).map(function(verdict){return{verdict:verdict,entry:ent