草庐IT

react-dom-server

全部标签

javascript - 释放 Javascript 中未附加的 DOM 节点使用的内存

作为我的应用程序的一部分,我将一组不会同时显示的小型Dom节点放在一起。我将它们存储在一个内部数组中。用户可以调用他们的显示,在这种情况下,我将它们重新设置为用于显示它们的div。这一切都很好。但是当需要用新的替换它们时,我想销毁旧的(有效地释放它们)。否则,随着时间的推移,内存使用量可能呈指数级增长。如何强制浏览器js引擎执行此操作?只是将我的Dom节点数组中的每个项目都设置为null就足够了吗?还有什么我必须做的吗?或者也许我根本不必担心这个? 最佳答案 如果您将每个项目设置为null,它们将被自动垃圾回收。

Javascript:DOM 异常:INVALID_CHARACTER_ERR (5)

我使用新的IE9测试了我的网站,但我收到错误消息INVALID_CHARACTER_ERR(5)。在IE9中,开发人员工具突出显示了这一行。谁能帮我解决这个错误?错误行this.iframe=document.createElement('');FunctionCode__createDivs:function(){this.divs_transparentDiv=document.createElement('DIV');this.divs_transparentDiv.className='modalDialog_transparentDivs';this.divs_transpa

javascript - 多个 DOM appendChild 的速度/效率

我必须一次创建七个div元素-包含A1、A2、A3和A4的容器A,然后是A2中的A2a和A2b。我正在多次调用这个小函数:functionu1(t,i,c,p){//type,id,class_name,parent_idvartag=document.createElement(t);//Createnodetobeappendedtag.id=i;tag.className=c;document.getElementById(p).appendChild(tag);}我的问题:是否有一种更省时的方法将这七个捆绑在一起,然后只执行一个DOM追加?还是innerHTML是一个不错的选择

javascript - 如何对与 DOM 元素交互的 Javascript 代码进行单元测试

背景:我来自Java背景,所以不太熟悉Javascript。我们计划将JavaScript单元测试引入到我们现有的(遗留)代码和future的工作中。我们主要是一家java商店(Spring、Weblogic等)。我们正在寻找能够让我们与IDE(IntelliJidea)和声纳良好集成的选项,并能够将它们作为持续集成的一部分运行。JsTestDriver似乎符合所有条件。问题:我们现有的许多javascript代码是a)嵌入在JSP中和b)利用jQuery直接与页面元素交互。我们应该如何着手测试一个严重依赖DOM的函数。以下是我正在谈论的函数的一些代码示例:functionenable

javascript - 如何使用 jquery 延迟对象检查元素是否在 DOM 中?

我想知道是否可以使用jQuery延迟对象来测试元素是否在DOM中。这是我的想法:functionchkDOM(selector){if$(selector){returndeferred.promise();}}$.when(chkDOM(selector)).then(function(){//dosomething});我不太清楚如何编写代码来实现这一点,但我希望我的问题是有道理的。如果我能让这部分正常工作,那么我基本上可以延迟某些jquery插件的调用,以便它们真正正常运行。谢谢! 最佳答案 我假设您正在运行一个定期检查选择器

javascript - React ES6 父子组件状态问题

我是React的新手,正在尝试基于react-starter-kit构建一个简单的ToDo应用程序。我正在使用ES6类,但无法找到从子组件更新父状态的方法。代码如下:importReact,{PropTypes,Component}from'react';importwithStylesfrom'../../decorators/withStyles';importstylesfrom'./ToDoPage.less';@withStyles(styles)classToDoPageextendsComponent{staticcontextTypes={onSetTitle:Prop

javascript - 在 React 组件中哪里应用我的 moment() 函数?

我正在尝试做一个时钟组件,只是为了在网页中以本地格式提供日期和时间。我在我的webpack环境中使用命令行npmimoment--save导入了MomentJS。接下来,我将其写入我的Clock.jsx组件(主要基于网站上的React示例)。importReactfrom'react';importMomentfrom'moment';exportdefaultclassClockextendsReact.Component{constructor(props){super(props);this.state={dateTimestamp:Date.now()};}tick=()=>{

javascript - react native : How to pass props to 'routeMapper' of 'Navigator.NavigationBar' ?

我在使用ReactNative0.16(Android)时遇到了麻烦。问题是如何将属性传递给属于的Navigator.NavigationBar的routeMapper。组件。我的代码结构如下classMyAppextendsComponent{...staticNavigationBarRouteMapper={LeftButton(route,navigator,index,navState){//###Iwanttocall'functionABC'here.WhatShouldIdo?},RightButton(route,navigator,index,navState){/

javascript - 在 React 事件中使用 debouncer

我有一个需要去抖动的字段的onchange事件,我为此使用下划线,但是当我使用去抖动器时,传递给React处理程序的事件似乎是过时了。WebsiteLinkuriChangeHandler(event){event.preventDefault();leturiField=$(event.target);leturi=uriField.val();this.setState({itemCreateError:null,loading:true});this.loadUriMetaData(uri,uriField);}我收到这个错误:警告:出于性能原因,此合成事件被重用。如果您看到这一

javascript - 带有 React 组件的装饰器

我对能够使用@myDecorator语法(使用babel)感到非常兴奋。我正在尝试装饰生命周期函数之一,特别是componentWillMount,并检查装饰器中组件的props和context。但是,我似乎无法访问props或context。我不确定这是否是一种反模式,或者我只是在做这个错误。小例子://TestComponent.jsximportcheckPropsfrom'checkProps.js';classTestComponentextendsReact.Component{@checkPropscomponentWillMount(){//Dosomething.}r