草庐IT

improving-the-dom

全部标签

javascript - React 的 getDOMNode 总是返回组件的根 DOM 节点而不是引用的节点

我正在努力在React中使用refs。它们总是返回组件的根DOM节点而不是引用的节点。请考虑以下示例:varAuthApp=React.createClass({onSubmitClick:function(event){varusernameInput=this.getDOMNode(this.refs.username);//Thislogsrootinsteadof,why???console.log(usernameInput);},render:function(){return();}});我检查了优秀的ChromeReact插件中的代码,似乎this.refs.usern

javascript - 猎犬.js : Transform the data returned by a remote source?

我正在使用带有远程API的Bloodhound,我需要转换从远程API返回的结果。APIURL是https://www.googleapis.com/books/v1/volumes?q=quilting它返回一个具有items属性的对象,该属性是一个列表。我需要将该列表返回给Typeahead,而不是顶级对象。Bloodhound文档说thereisatransformfunctionthatissupposedtodothis,但我无法让它工作。这是我的代码:varbooks=newBloodhound({datumTokenizer:function(d){returnBlood

javascript - 在 grunt 上运行 Karma 时出现警告 'The API interface has changed'

从grunt任务运行karma时,我收到以下警告:Running"karma:unit"(karma)taskWarning:Theapiinterfacehaschanged.Pleaseuseserver=newServer(config,[done])server.start()instead.Use--forcetocontinue.Abortedduetowarnings.我已经使用我的配置测试了运行karma,都使用“运行”和“启动”karma命令,它们似乎工作正常。使用grunt--force可以完成任务,但完成时会出现警告。这是我目前使用的版本:karma0.13.0咕

javascript - Visual Studio 2015 javascript 访问 dom 元素

在VisualStudio2015“JavascriptuniversalWindows”应用程序中,我有这个非常简单的代码:BEFOREwindow.onload=function(){document.getElementById("myDiv").innerHTML="AFTER";};如果我运行应用程序,选择“本地机器”或任何WindowsPhone模拟器,我会看到“之前”:更改div的innerHtml的行未执行。否则,如果我在VisualStudio之外执行html文件,在浏览器窗口中,我会看到“AFTER”:这对所有浏览器都是如此,但InternetExplorer11的

javascript - react : how to pass arguments to the callback

我的React组件中有一个元素列表,我希望它们是可点击的。单击时我调用一些外部函数在参数中传递项目ID:render(){return({this.props.items.map(item=>({doSomething(item.id)}>))})}此代码有效,但它有一个很大的性能缺陷:每次调用render时都会创建许多新的匿名函数。如何在此处传递doSomething函数作为引用,同时仍然能够为其提供item.id? 最佳答案 您可以使用data-attributes,在使用相同功能的同时为每个项目设置正确的id:function

javascript - 在 2 个 React DOM 之间传递数据

在一个网站中,我有多个react渲染元素。我想在这两个单独的元素之间传递数据。在2个元素之间传递数据的可能选项是什么ReactDOM.render(,document.getElementById('header'));ReactDOM.render(,document.getElementById('sidebar'));我想在这些元素之间有一个单一的数据存储。就像我在一个组件中获取数据,我希望所有元素(在所有ReactDOM中)都可以访问该数据。那么可能的选择是什么?编辑:由于要求,我无法将它们合并到同一个根组件中。只有部分页面处于react状态,其他部分仍在HTML/Jquery

javascript - document.write() 与插入 DOM 节点 : preserve form information?

考虑两个分别在其正文中包含以下内容的网页:document.writeln('')和vart=document.createElement('textarea');document.body.appendChild(t);(将它们视为更大事物的一部分,其中文本区域必须从JavaScript生成并且不能硬编码到页面中)。它们都产生相同的输出,但前者被认为是“坏”的,而后者被认为是“正确”的方式。(对吗?)另一方面,如果您在页面中输入内容然后刷新它,或者转到其他地方并点击返回,那么在前一种情况下,您在文本区域中输入的内容会被保留,而在后一种情况下它是丢失。(至少在Firefox上是这样。)

javascript - 使用 jQuery 扩展 DOM 元素

我想扩展一个DOM元素而不扩展所有元素。也就是说,我想要一个具有自己的方法和属性的自定义类,但也能够将其视为一个div。例如MyClass=function(){this.foo="waaa";}MyClass.prototype.changeText=function(newtext){//ifthisextended$(document.createElement("div"))something//likethismightbepossiblethis.html(newtext);}MyClass.prototype.alertFoo=function(){alert(this.

javascript - ICANHAZ.js 呈现 dom 元素而不是文本

参数:''+somecontent+''+somecontent2模板:{{param}}在浏览器中我有:<divclass="someclass">somecontent</div>somecontent2如何隔离.someclass,使其呈现为dom元素,而不是文本? 最佳答案 我认为默认情况下所有的Html元素都被转义了。要返回未转义的Html,请使用三重mustache:{{{param}}} 关于javascript-ICANHAZ.js呈现dom元素而

javascript - 处理 DART 中的事件

我是DART的新手。我阅读了语言概述并在DART编辑器中检查了示例代码。到目前为止,我找不到如何处理DART中的事件。例如onclick="call_dart_method()".我们如何处理DART中的事件? 最佳答案 这不是你在Dart上的做法在此处查看“事件”部分下的内容:http://www.dartlang.org/articles/improving-the-dom/elem.onClick.listen((event)=>print('click!')); 关于javasc