草庐IT

react-dom

全部标签

javascript - 使用 RichFaces 4 从 JavaScript 获取 DOM 元素

我目前正在研究迁移到RichFaces4。从我的JS中,我必须使用document.getElementById('myParent:myElement').从JBoss迁移指南中,我了解到不能再使用“document.getElementById”:https://community.jboss.org/wiki/RichFacesMigrationGuide33x-4xMigration-CommonComponentsChanges.有人可以向我解释原因吗?我如何(简单地)将我对该函数的所有调用(超过一千个)更改为其他函数?谢谢。 最佳答案

javascript - 我如何告诉 javascript 立即更新 DOM?

我正在尝试在javascript中调用耗时函数之前向用户加载“正在加载”消息。HTML:Foo​Javascript:varfoo=document.getElementById('foo');functiontellViewerLoading(){//Telltheuserthatloadingisoccuring.foo.innerHTML='loading...';}functionsomeActionThatTakesALongTime(){//Dosomeactionthattakesalongtime.vari=0;while(iJSFiddle:http://jsfidd

javascript - 通过 JS 插入时,具有内联 block 和文本对齐的 DOM 等距 div 将不起作用

我一直在尝试实现ChrisCoyier的内联block+文本对齐解决方案,以在给定的包装宽度中自动水平分布div。http://css-tricks.com/equidistant-objects-with-css/当元素立即加载到DOM中时效果很好,但由于某种原因在通过JS以编程方式添加元素时失败。就好像浏览器只是忽略了css属性。查看此fiddle以获得一个非常基本的示例:http://jsfiddle.net/xmajox/NUJnZ/前两行是在HTML加载时添加的。单击该按钮可通过JS在运行时添加更多内容。最初我认为它可能与伪元素的使用有某种关系:after所以我尝试了一个带有

javascript - 使用 Javascript 捕获 react 时间,准确性问题

我正在构建一个点探测任务(人们必须在图像消失后对一个点做出快速react),我们需要测量react时间并显示预定义时间间隔内的刺激,以便在在线治疗研究中使用。我们已经决定使用Javascript,我们愿意对用户施加一些限制,即排除IE等。不过我们不能完全禁止Windows。我读了JohnResig'spost关于这个话题,根据这个,我们将不得不禁止Windows上的所有浏览器,除了Firefox和Chrome。另外thisanswer建议使用console.time();作为FF和Chrome的最佳实践。我有一些后续问题,考虑到Resig的帖子现在已有4年历史,并且上面的问题是关于测量

javascript - 如何在新窗口中获取dom元素?

JavaScript中的一个简单任务是打开一个新窗口并在其中写入。但是我需要写在一个dom元素中,一个带有ID的div。varnovoForm=window.open("somform.html","wFormx","width=800,height=600,location=no,menubar=no,status=no,titilebar=no,resizable=no,");比我尝试一些...varw=novoForm.innerWidth;varh=novoForm.innerHeight;novoForm.document.getElementById("monitor").

javascript - 如何在 DOM 中的克隆/插入元素上触发事件?

我无法在我克隆/插入到DOM的元素上触发事件。检查fiddlehere.HTML:[THISISDIVA]CLICKTOCLONEDIVAjQuery:$('.A').on("click",null,function(){alert('DIVACLICK');});$('.B').on("click",null,function(){$('.A').clone().insertAfter('.A');});如果我点击一个克隆的DIVA,没有任何反应。如何在克隆的元素上触发事件? 最佳答案 我提出了两个解决方案。首先,在这种情况下更好

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - jsx --watch 将 jsx 语法转换为小写 "react"而不是大写 "React"

我在这里松散地关注facebooksReact教程,http://facebook.github.io/react/docs/getting-started.html,但我将其应用于不同的html文件。这是我的html文件,基于React入门工具包:HelloReact我安装了react-tools,现在当我运行“jsx--watchsrc/build/”它正在转换这个片段:varCommentBox=React.createClass({render:function(){return(Hello,world!IamaCommentBox.);}});React.renderComp

javascript - react .js : data not getting populated

我正在React.js网站上做教程。这是我的代码:HelloReact/***@jsxReact.DOM*///Theabovedeclarationmustremainintactatthetopofthescript.//YourcodeherevarcommentsData=[{author:"PeteHunt",text:"Thisisonecomment"},{author:"JordanWalke",text:"Thisis*another*comment"}];varCommmentBox=React.createClass({getInitialState:functi

javascript - 使用 React.JS 检索和缓存 SVG 节点边界框​​的最佳方法

我正在渲染带有标签的SVG组件。这些标签组件需要根据它们的文本内容(以及它们的大小)正确布局,以避免相互重叠。要获得每个标签的真实大小,似乎每次更新标签内容时都需要双重渲染。在标签组件级别,我需要第一次渲染检索真实SVGDOM节点的边界框出于性能原因缓存边界框重新渲染组件以根据其缓存的边界框调整标签位置然后,在每次重绘时:根据缓存的边界框渲染比较之前和更新的props之间的标签内容,如果有变化:更新并缓存标签边界框根据更新和缓存的边界框重新渲染到目前为止,这是我实现标签组件的方式:varLabel=React.createClass({updateBBox:function(){//T