草庐IT

rxjs-dom

全部标签

javascript - 为尚未附加的元素绑定(bind) "insertion into DOM event"

我正在寻找这样的东西:vardiv=document.createElement('div');div.id='proprioceptiveDiv';$(div).on('appendedToDOM',function(){//...});document.body.appendChild(div);//triggersabovehandler这存在吗?我正在使用jQuery,不想仅仅为了这种能力而导入整个插件或另一个库,所以我只对一个简短的解决方案感兴趣。 最佳答案 您可以使用MutationEvents但这些事件已在DOM事件规

javascript - 使用 Webpack 将 SVG 附加到 DOM

目前,我的公司在我们的AngularJS网络应用程序的index.html中包含一个相当大的SVGSprite图,其中包含各种图标。主SVG由CSS隐藏,我们通过按ID选择它们来显示SVG中的各个图标:我们现在正尝试通过拆分SVG并将生成的部分内联到需要它们的页面上来减少我们网站的加载时间。由于我们也转向Webpack来捆绑我们的应用程序,我们希望在Angular模块中指定特定SVG文件的依赖项,然后让Webpack将SVG的内容(可能包装在div中)插入DOM.有没有办法用现有的装载机实现这一目标?我找到了基本上导出SVG内容的raw-loader。但是,我不知道如何将它与另一个将插

javascript - 如何用 selenium 重新加载 html DOM,以便新命令定位新节点?

所以我正在做一些测试,其中一个页面会在单击某些按钮和链接后更改它的html树。但是webdriver一直只在旧的htmlDOM中搜索。那么如何定位新添加的网络元素呢?或者如何让webdriver加载新的HtmlDOM以便它以新元素为目标?谢谢 最佳答案 WebDriver会自动轮询DOM。只需在与最近添加的网络元素交互之前使用隐式或显式等待:http://www.seleniumhq.org/docs/04_webdriver_advanced.jsp#explicit-and-implicit-waits

javascript - react - 在不破坏封装的情况下访问 DOM

是否有一种规范的方法可以在不破坏封装的情况下执行类似以下的操作?importReact,{Component,PropTypes}from'react';classDashboardextendsComponent{constructor(props,context){super(props,context);this.setRef=::this.setRef;}componentDidMount(){constnode=ReactDOM.findDOMNode(this.someRef);constnewHeight=window.innerHeight-node.offsetTop

javascript - 在渲染之前 react DOM offsetHeight

我需要能够通过offsetHeight定位ReactDOM元素。问题是我无法收集尚未创建的元素的offsetHeight(因此无法将高度作为参数传递给渲染函数)并且我也无法计算渲染内部的高度功能如ReactDOMrefs文档中所述:Neveraccessrefsinsideofanycomponent'srendermethod–orwhileanycomponent'srendermethodisevenrunninganywhereinthecallstack.DOM元素应该相对于单击以显示它的图标呈现。组件树:|—FormInputGroup|—Label|—TooltipIco

javascript - Angular 2 组件 DOM 在 OnInit 方法中被解析之前绑定(bind)到组件中的属性

我正在学习Angular2并尝试按照他们的教程进行操作。这是返回模拟对象文件夹的“Promise”的服务代码。import{Injectable,OnInit}from"@angular/core";import{FOLDER}from"./mock-folder";import{Folder}from"./folder";@Injectable()exportclassFolderService{getFolder():Promise{returnPromise.resolve(FOLDER);}}它在我的FolderModule的提供者中声明import{NgModule}from

javascript - 如何防止使用 Parsleyjs 从 DOM 中删除表单验证错误

我正在使用parsleyjs验证密码字段.密码有三个要求,因此有三个验证消息:密码至少需要8个字符需要一个特殊字符需要一个号码当验证返回成功时,我不希望消息被删除,而是保留在原地并视觉上设置消息的样式,在这种情况下带有绿色复选标记(默认情况下消息有红色错误图标)。所以基本上想添加一个类或删除并保留DOM中的消息。例如,当插入一个整数时,验证可能如下所示:欧芹是否可以防止默认行为(删除消息)并将成功的类添加到相应的错误消息(而不仅仅是错误列表容器)?这是我目前所拥有的和一个codependemo$(function(){$('.form').parsley();});window.Par

javascript - 我可以连接一个字符串和一个变量来在 JavaScript 中选择一个 DOM 元素吗?

我尝试用谷歌搜索这个问题,但没有成功。可能是因为我问错了方式。非常感谢任何帮助。我有变量copy1、copy2等。我想遍历它们并选择每个变量以检查其内容是否具有一定数量的字符。当我使用下面的任何变体时,它会控制错误或在控制台中输出字符串。varcopy1=document.getElementById('copy1');varcopy2=document.getElementById('copy2');varcopy3=document.getElementById('copy3');for(vari=0;i理想情况下,我可以通过javascript选择一个元素和样式。非常感谢谢谢大家

javascript - 使用 RxJS switchMap 仅取消订阅具有相同请求 URL/操作负载的流(redux-observable 史诗)

我有一个界面,用户可以在其中触发对同一端点但具有不同参数(在本例中为UUID)的调用。到目前为止,我一直很享受switchMap的行为,每当我发送一个具有相同类型的新redux操作时取消我的飞行中的http请求,在这种情况下我仍然想要这种行为,但是仅如果新操作请求的UUID(操作对象的一部分)与已经在进行中的UUID相同。我不太确定正确的方法。例如,在一次分派(dispatch)多个Action后,我希望所有具有唯一ID的Action都完成,但那些重复现有但尚未完成的ID会取消之前的请求并取而代之。例如:store.dispatch({type:"GET_SOME_DATA",uuid

javascript - 将 getElementById 用于 [尚未] 在 DOM 中的元素?

据我所知,document.getElementById('myId')只会查找文档中已有的HTML元素。假设我通过JS创建了一个新元素,但我还没有将它附加到文档主体,是否有一种方法可以像我通常使用getElementById那样通过它的id访问这个元素?varnewElement=document.createElement('div');newElement.id='myId';//Withoutdoing:document.body.appendChild(newElement);varelmt=document.getElementById('myId');//won'twor