草庐IT

react-dom

全部标签

javascript - IE 支持 DOM importNode

我一直在网上四处寻找,我很确定我已经知道答案(“否”),但我想检查一下:IE支持importNode()了吗?有没有比遍历DOM和创建节点更好的选择?(我见过theclasicarticlebyAnthonyHoldener但现在已经一年多了,我希望IE已经进化,或者有人有其他解决方法)谢谢。 最佳答案 InternetExplorer9DOMAPI中有一个函数document.importNode()。但是IE9在调用时会抛出脚本错误SCRIPT16386:Nosuchinterfacesupported还需要定义源节点的命名空间

javascript - 在 DOM 中可以使用 .notation 来获取/设置属性吗?

在DOM中,可以这样引用元素的属性吗:varuniverse=document.getElementById('universe');universe.origin='big_bang';universe.creator=null;universe.style.deterministic=true;?我对物体及其隐私的深深尊重,以及如果我不小心,事情可能会变得非常糟糕的感觉,让我想做更多这样的事情:varuniverse=document.getElementById('universe');if(universe.hasAttribute('origin'))thenuniverse

javascript - 从文档中删除一个 dom 元素,但将其保存为变量?

有没有办法从文档中删除一个dom元素,但将其保存为一个变量?我猜我必须将克隆保存为var,然后删除原始文件?此外,这种技术是否可以存储样式等? 最佳答案 是的,这就是你所做的。varsavedElement=document.getElementById('element_that_you_want_to_save');savedElement.parentNode.removeChild(savedElement);//savedElementwillstillcontainthereferencetotheobject,//so

dom - DOM 扩展/包装究竟是什么?

我有两个主要问题。Object之类的扩展是否算数?什么是DOM包装?http://perfectionkills.com/whats-wrong-with-extending-the-dom/读完那篇文章后,我找不到任何关于DOM包装的信息,也没有任何规范以及究竟什么是DOM扩展,什么不是DOM扩展。 最佳答案 不,Object被指定为Javascript语言的一部分,而DOM是一个API仅在浏览器环境中相关并且是用于“访问和更新文档的内容、结构和样式”(W3C).但是,那篇文章中提供的反对扩展DOM对象的理由之一仍然适用于扩展原生

javascript - 遍历 coffeescript : $(@). 快捷方式中的 jQuery DOM 元素

我的coffeescript中有很多循环遍历DOM元素的集合,并执行更多的jQuery。这些函数看起来像这样:$('.iterable.object').each->$(@).doThis$(@).doThat##Morecomplicatedusage$(@).jqueryPluginCallx:$(@).data('attr1')x:$(@).data('attr2')##Morecomplicatedusage$(@).children('ul.animateable').each->if$(@).data('animation')is"fancy"$(@).animatefan

javascript - react .js : Why is there no componentDidRender event?

我刚开始使用React,有几次我在想:“为什么没有componentDidRender事件?”。假设我有一个将表格呈现给DOM的组件,我想使用bootstrap-sortable在此表上允许用户根据他想要的任何列进行排序。在bootstrap-sortable的情况下,您需要在绘制表格后运行$.boostrapSortable()以初始化插件。在我看来,React组件上有两个处理程序可以合理地考虑用于此目的:componentDidMount:这不起作用,因为DOM在执行的这个点似乎没有更新。componentDidUpdate:这可能有效,但不会在初始渲染时触发。我并不是说React

javascript - React.js app.js 文件大小

我创建了非常简单的React应用程序,其中包含7个页面和13个组件。我正在使用gulp来编译它,使用browserify来获取依赖项,所有文件都被最小化了。我构建的app.js文件有1.1MB。我认为它很大。我可以做些什么来减小它的大小?是否有任何好的做法来实现最小尺寸?编辑:我的没有依赖项的源代码是91KB。 最佳答案 使用webpack-uglify和禁用sourcemaps可以大大提高输出到合理的大小(helloworld应用程序大约140kbs)几个步骤:将webpack配置中的devtool设置为cheap-source-

javascript - jQuery - 检查变量是否为 dom 元素

有什么方法可以检查给定变量是非空jQuery对象还是原生DOM元素?就是这样isDomElem($("#some-existing-element"));//returnstrueisDomElem($("#some-existing-element")[0]);//returnstrueisDomElem($("#non-existing-element")[0]);//returnsfalseisDomElem("#some-existing-element");//returnsfalseisDomElem([0,1,2]);//returnsfalse//etc...

javascript - react .js : How do you change the position of a Component item

如何在React中更改组件项的位置?除非我误解了,否则React按key排序列表项,在DOM中用data-reactid表示,但我不知道如何修改页面组件的key即您如何获取组件,更改它的key,然后触发渲染,以便重新排序的列表按照您设置的顺序呈现?例如在下面的代码示例中,当单击Clickme链接时,第一个列表项将与最后一个列表项交换。理想情况下,此功能允许您动态重新排序/重新定位页面上的任何组件,而无需更改render方法中组件的顺序。这是完整项目所在的存储库的链接:https://github.com/bengrunfeld/gae-react-flux-todosvarTodoBo

javascript - react .js : modify render() method for all components?

出于调试原因,我想将以下行添加到通用render()方法中,以便它在所有组件中执行。console.log('render'+this.constructor.displayName,this.state); 最佳答案 我假设您想在不更改任何现有代码的情况下执行此操作。我尝试了这个并找到了一种方法,如果您正在使用类似webpack或browserify的东西来构建您的应用程序并且您正在使用Reactv0.13。重要的是要注意,它使用私有(private)方法,进入React的内部,并且可能随时中断。也就是说,它可能对您的调试目的有用