Javascript性能 - Dom Reflow - Google文章
首先，我们需要了解什么是“Reflow”。在浏览器中，Reflow是指浏览器对页面进行重新布局，这个过程会导致整个页面重新计算布局、几何属性和绘制，这是一个非常耗时的过程。
在JavaScript中，如果我们对DOM元素进行操作，例如添加、删除或修改元素，浏览器就需要重新计算布局，这个过程就是Reflow。因此，在编写JavaScript代码时，我们应该尽量避免过多的DOM操作，特别是那些会导致Reflow的操作，因为这会影响页面的性能和响应速度。
针对上述问题，我们可以采用以下方法来优化JavaScript性能：
- 使用DocumentFragment：在操作DOM元素时，可以使用DocumentFragment来暂时存储元素，然后再将它们添加到页面中。这样可以减少页面的Reflow次数，从而提高性能。
- 避免使用table布局：由于table布局会导致浏览器进行多次Reflow，因此应该尽量避免使用table布局。
- 使用CSS3动画：在可能的情况下，应该使用CSS3动画来代替JavaScript动画。CSS3动画可以通过GPU加速，从而提高性能。
- 使用requestAnimationFrame：在进行动画操作时，应该使用requestAnimationFrame来代替setTimeout或setInterval。这样可以保证浏览器在每一帧中都进行优化，从而提高性能。
- 避免使用CSS表达式：CSS表达式会导致浏览器进行多次Reflow，因此应该尽量避免使用CSS表达式。
总之，在编写JavaScript代码时，我们应该尽量避免过多的DOM操作，特别是那些会导致Reflow的操作，从而提高页面的性能和响应速度。
相关·内容
1回答
因此，正如您所看到的，我正在尝试重流高图，以便根据它的父容器保持正确的宽度，为了做到这一点，我正在监听侧栏状态，并在状态更改时调用reflow。
useEffect(() => {
Highcharts.charts[0].reflow();
}, [collapseSideBar]);
这是我的高图表组件：
<div className="text-black-50 col-span-2 row-span-2 bg-white rounded-lg shadow-xl h-100 w-100">
<HighchartsReact
浏览 0提问于2021-03-15得票数 2
回答已采纳
我正在尝试加载从Zurb框架(CSS/UI引导程序)继承的Javascript，特别是加载到。他们的库主要是CSS，非常适合成员，但其中有些需要Javascript来完成它所做的事情。
在我的应用程序中，我有路由器、路由、模型、控制器和模板。到目前为止，我还没有视图或组件(也没有文档表明它们是我应该使用的)。
我的控制器/路由/模板中是否有检测特定模板已完成加载并运行自定义Javascript的方法？
我需要运行的定制Javascript：
$(document).foundation()
// OR, for speed's sake a more limited reload:
浏览 5提问于2015-01-09得票数 0
回答已采纳
我试图让我的元素，我通过ajax加载回工作，但当我试图重新初始化事件对他们，它只是不工作。我试图在代码中的不同位置插入$(document).foundation();，但没有:(
这里有一个例子：
$.ajax({
url: 'dashboard/ajax/links/get',
method: 'post',
data: {
_token: $('input[name=_token]').val()
},
success: func
浏览 2提问于2015-10-22得票数 0
我正在实现网格上的虚拟滚动。滚动/按需加载功能运行非常顺利。但是，当检测到用户正在快速滚动(定义为超过450 is )时，会在处理过程中显示带有加载gif的半透明div。
我的问题是，在加载完成和附加完成后，我调用隐藏覆盖，希望看到更新的网格。相反，我有2-3秒的延迟，然后覆盖隐藏和数据显示。
问题是：
第A部分:为什么div仍然停留在屏幕上，尽管隐藏它的代码行是在附加的.导致意外的2-3秒等待，而没有向用户加载进度/加载指示符？。
部分B:如何确保覆盖保持可见，直到添加到dom完成并呈现？
执行过程如下所示：
CheckToFetch(id, $(gridScrollElm).scr
浏览 0提问于2011-09-09得票数 0
回答已采纳
Google analytics就是一个这样的例子：
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
用文字值替换document.write()也一样好吗：
<script type="text/javascript" src="http://www.google-analytics.com/ga
浏览 0提问于2012-09-25得票数 4
回答已采纳
1回答
我有一个生成多个报告的脚本，每个报告都是使用DOMPDF转换成pdf的。报告的大小和内容类型各不相同，但通常混合了图像、表格和样式化文本。
在我试图转换的最新报告中，我得到了以下错误：
Exception information:
Message: foo
Stack trace:
#0 library/dompdf/include/table_row_frame_reflower.cls.php(83): Cellmap->get_frame_height(Object(Table_Row_Frame_Decorator))
#1 library/dompdf/include/fram
浏览 2提问于2011-11-21得票数 0
回答已采纳
Google javascript API客户端库脚本在部分中加载，如下所示：
<script src="https://apis.google.com/js/client.js?onload=loadBodies" type="text/javascript"></script>
在加载API代码时调用onload参数中指定的方法。是否保证这也将在DOM完成加载之后执行？我的onload方法需要通过ID查找一个元素，并使用从Google API获得的数据对其进行修改，我担心在调用该方法时该元素是否可用。jsjs
浏览 0提问于2013-02-26得票数 0
回答已采纳
我在一些代码中使用这个for循环。此代码将表中“左数组”中的所有元素附加到表中，并为它们分配一个唯一的rowID，它工作得非常好。
问题是：当“左”数组的长度为5000时，这个循环执行大约9秒；而当“左”数组的长度为10000和15000时，则分别需要27秒和54秒。我想这是一种模棱两可的行为，时间应该随着迭代次数的增加而线性增加。如果有人能告诉我这个问题的原因和解决办法，我会很高兴的。
提前谢谢。:)
$("body").append('<p id = "p1">table1</p>')
table = $('&
浏览 0提问于2017-01-19得票数 0
我有一个包含数百个div元素的HTML/JS网站。这些元素中的几十个应该一次快速更新(每秒多达250次)(即，它们应该一次全部更新，而不是让浏览器逐个执行不必要的工作)。要做到这一点，最有效的方法(最小化CPU负载和内存消耗)是什么?支持现代浏览器使用纯JavaScript或简单的库(不使用或类似的库，需要我修改超出DOM处理的代码)来实现这一点？我正在寻找类似这样的东西(其中imaginaryLibrary是我未知的库，我正在寻找)：
var i, element;
for(i = 0; i < 20; i++){
element = document.getElementBy
浏览 1提问于2016-05-05得票数 25
2回答
我想知道是否可以使用.appendTo()将多个jquery对象添加到现有的div容器中。例如，我的代码示例目前类似于这样
var parentContainer = $("<div id = 'some_id'></div>"),
topHalf = $("<div id = 'tophalf'></div>"),
bottomHalf = $("<div id = 'bottomhalf'><?div>");
浏览 6提问于2014-08-17得票数 0
我正在开发一个AngularJS项目，它使用作为它的CSS框架。我试图弄清楚如何在一个视图的上下文中使用基金会的AngularJS。这是否可能，我似乎无法让它起作用。这就是我目前的情况：
index.html
<!DOCTYPE html>
<html ng-app='app' xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta charset="utf-8">
浏览 0提问于2014-01-09得票数 6
回答已采纳
我最近注意到，我的一些(不是全部) javascript和jQuery脚本将无法工作，除非我将.js文件的链接放在靠近页面底部的位置，而不是将.css文件的链接放在标题区域。
据我所知，javascript可以放在任何一个地方，建议不要放在头部，因为它也会减慢页面加载过程。同时，如果我把它放在html文件的body标记中，它看起来有点凌乱，我想知道把.js文件放在干净的地方的最佳实践是什么。我应该总是把它放在最底部，就在结束body标签之前吗？专业的web开发人员是如何处理这个问题的呢？
浏览 0提问于2011-01-02得票数 5
回答已采纳
3回答
当我调整网格小部件的大小时，网格小部件内部的图表不会自动调整大小。当我调整窗口的大小时，会根据网格大小调整高图表的大小。但当我调整网格大小时，这种情况应该会自动发生。
下面是我尝试过的代码：
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>GridSter With HighChart</title>
<link rel="stylesheet"
浏览 4提问于2014-02-16得票数 2
回答已采纳
我注意到，当图像源属性动态更改时(在我的示例中，使用的是jQuery)，即使该图像从未被浏览器调用/缓存(即未预加载)，浏览器仍然会获取它--而且没有ajax。这对我来说在5个主要的浏览器(ie7+)上都是有效的。
问:这是我可以无限期依赖的正式标准化行为吗？
浏览 1提问于2011-03-21得票数 3
回答已采纳
我正在用Phonegap1.4构建一个多平台的平板应用程序，只使用Phonegap1.4的webview，然后我使用Sencha Touch 2框架来实现我的魔力。所谓多平台，我指的是iOS 5.X+和Android3.0+(目前而言)。
到目前为止，这个应用程序工作得很好，它的所有功能都适用于这两个系统，但是.在安卓平板电脑(三星GalaxyTab)上，它真的很慢。发生什么事了呢？我能做点什么吗，或者只是android的限制？
谢谢
里卡多·佩雷：
*编辑*(我试图使这篇文章对sencha社区有所帮助)
Sencha Touch和许多其他Javascript框架一样，由于javascri
浏览 2提问于2012-04-10得票数 24
回答已采纳
2回答
我使用插件来响应，但我不知道如何获得High图表组件，以便调用reflow：$('#container1').highcharts().reflow()
从文档中，its告诉我们：
要从高海图库访问方法和属性，可以使用ReactHighcharts.Highcharts。例如，高级图表选项可以通过ReactHighcharts.Highcharts.getOptions()获得。
但我没有看到任何reflow()方法。
有什么想法吗？
编辑
它位于ReactHighcharts.Highcharts.charts下面，所以我可以打电话给
ReactHighcharts.
浏览 6提问于2016-05-12得票数 3
4回答
比如说，我有一个HTML文件，我想用Javascript来处理。例如：
添加一些DOM元素，如span或div包装器。
更改文档样式，如基本字体大小、线条高度等.
使用连字符添加­实体。
做这件事最有效的方法是什么，也就是我想用最少的折光量来做。
理想的情况是在第一个布局之前运行JS代码。这个是可能的吗？我知道，在页面显示之前执行昂贵的脚本通常是个坏主意，因为这会使页面在一段时间内看起来是空白的，这是一次非常糟糕的体验。然而，我将需要这个离线工作，这将不是我的项目的问题。
或者，是否有一种方法可以在一个簇中完成所有dom修改，即在所有更改完成后触发一个再流？
浏览 1提问于2012-07-07得票数 5
回答已采纳
更新后，我们的网站在打开时会出现错误。
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
[Violation] 'readystatechange' handler took 760ms
[Violation] Forced reflow while e
浏览 12提问于2017-04-07得票数 13
回答已采纳
我在一个页面上找到了一些JavaScript，它动态地添加了许多工具提示。效果很快。问题是我需要调用$(document).foundation("tooltip", "reflow")才能正确显示工具提示，但是函数在IE11上非常慢( FF上也很慢)。
总之要加快速度吗？例如，我可以根据需要在单个工具提示上调用reflow吗？
浏览 4提问于2015-03-13得票数 1
回答已采纳
2回答
我正在开发一个带有老壁虎引擎的电视应用程序(我认为是1.9)。我有一个容器250x40，我想在其中加入2行文本的，如果它太长，那么应该显示一个省略号(就像CSS3属性text-overflow: ellipsis中的那样)。
然而：-我不能使用CSS3，-我试着使用一些jQuery插件，但是它们的工作太慢了--你可以偶然地看到文本正在缩小，直到它被放入容器中。
我试着数字母，但不起作用，因为它们都是不同的宽度。我试着把每个字母映射到它的宽度，并计算整个文本的宽度，但是实际上它是2行，这就把它都搞砸了--我不知道在什么时候文本会转到下一行。
任何帮助都很感激。
浏览 2提问于2013-10-27得票数 0
回答已采纳
1回答
我有一个javascript/canvas游戏，使用requestanimationframe将绘图同步到显示器上。然而，当游戏滚动时，我仍然会得到剪切效果(Windows7上的Google Chrome )。有没有更好的方法画到屏幕上？双缓冲？这是我使用的：
function draw() {
requestAnimationFrame(draw);
// Drawing code
}
draw();
你可以在这里看到问题：
浏览 9提问于2015-12-12得票数 0
2回答
推荐的平滑图像转换技术
、、、、
我正在构建一个幻灯片，我想包括平滑(亚像素)图像转换涉及滑动和调整大小，例如肯伯恩斯效应。
我看到人们使用各种各样的技术。我很想知道哪一种方法被认为是当今最好的方法，如果其中任何一种都只是城市神话，实际上并没有带来任何改善：
css跃迁
JavaScript需求框架
嵌入在画布元素中的图像
其他的？
注意:我明白其中一些技术在旧的浏览器中不受支持。我的问题是最近的版本(IE9，Firefox5等)。
浏览 2提问于2011-06-27得票数 2
回答已采纳
我听说java中的instanceof运算符是一个性能问题，
Javascript (IE6，IE7，IE8，FF，Chrome，safari等)也是这样吗？任何到正宗论文的链接都会很有帮助。
浏览 0提问于2009-12-30得票数 15
有很多方法可以创建dom元素。通过传入innerhtml和使用javascript的createelement函数来传递字符串。这就是我所知道的。
我想知道在使用大型javascript应用程序时，哪种技术更好。也许一些性能的比较会让人明白。
这是web应用程序开发人员在不知道结果的情况下经常使用的。
浏览 1提问于2011-01-31得票数 2
3回答
页脚不粘在底部
、、
我想要一个页脚，即使正文中的内容不能填满浏览器视口，它也会留在botoom中。当内容的高度足以填充视口时，我不希望它重叠在主体内容上。在网上搜索时，我大多发现一个“粘性”页脚，它与内容重叠，即使内容足以填满视区。到目前为止，这就是我正在尝试的(我也在使用bootstrap3)
HTML (在<body>标记内)：
<footer style="background-color: #b77b48;color:white;padding:10px">
<div class="container">
<div class=&#
浏览 1提问于2014-03-28得票数 0
2回答
我正在设计一个在CPU和WebKit较弱的嵌入式硬件上的JavaScript/HTML驱动的用户界面。
性能并不理想，我希望分析应用程序，特别是对回流和重绘事件进行计时，以获得关于实际性能的硬数据，而不是主观和不断变化的观点。
在事件处理程序之前和之后使用常规的"getTime()“计时不起作用，因为WebKit将回流和重绘推迟到事件处理程序之后。
我试过在Speed Tracer下分析这个应用程序，但计算量太小了，以至于回流事件甚至不会在PC硬件上显示出来。我猜一些更专注于回流/重绘的工具可能仍然有用。
有没有关于如何为此获得硬数据的提示？
浏览 3提问于2011-01-18得票数 5
回答已采纳
2回答
我需要确保性能敏感的代码如下：
var $content = $(htmlString);
//Stop new element from triggering reflow?
$content.css('display', 'none');
//add slide to DOM
$content.appendTo(options.els.$slider);
我不记得在任何DOM操作中是否触发了再流，或者是否有异常，比如向DOM中添加一个out元素。如果options.els.$slider在流中，上面的代码会导致再流吗？
浏览 2提问于2015-10-01得票数 4
回答已采纳
如果这是一个新手问题，我很抱歉，但当涉及到Javascript时，我并不是很了解……
所以，下面是代码片段：
function insertSquares() {
for (i = 0; i < 113; i++) {
$('#wrapper').append('<span><img src="images/square_2.png" style='display: none;'/></span>');
}
}
如您所见，我有一个循环，每次重复代码时都会将&
浏览 2提问于2012-05-22得票数 1
回答已采纳
我正在为一个发布页面的页面布局工作，在页面布局中有几个字段，如Address1，Address2等，它们都是‘多行文本’类型。现在，我需要在结果页面中使用这些字段的值，只要作者编写了它们。我还需要使用这些地址值，并在google地图中绘制它们。如何获取作者填写的字段的值，以便在google地图中使用like javascript绘制这些值？
浏览 0提问于2011-11-13得票数 0
在生成动态内容时，哪种方法更适合简单地创建HTML并将其插入.innerHTML或直接在DOM中创建元素？
我不关心复杂或其他问题。只是处理客户端的时间。
哪个更快？
如果我不得不按效率(低处理时间)的顺序猜测，这将是：
DOM创建
.innerHTML属性插入
直接书写
这将与植入的复杂性成反比：
直接书写
.innerHTML属性插入
DOM创建
这是一个有效的问题吗？当考虑到复杂性和速度时，有人能证实这是决定如何更新客户端(即javascript)的权衡吗？
研究：
我不像他们在这里那样担心安全->
，这不是一个重复，因为它只涉及我的问题的
浏览 4提问于2012-01-09得票数 4
回答已采纳
2回答
当我使用普通的JavaScript添加动态数据时，我遇到了猫头鹰旋转木马的问题，它在侧.owl-carousel中呈现，但不能工作。
const moreProjects = [
{
image: "./images/huddle-landing.jpg",
title: "Huddle landing page",
desc: "The challenge from frontend mentor, this helps me to practice my layout skills.",
github:"https://git
浏览 2提问于2022-03-01得票数 0
回答已采纳
我正在尝试使用jQuery.Load加载一个带有document.write的广告调用，但由于某些原因，它不能，或者至少在firefox中，重新加载包含整个广告的页面。
以下是代码的简化版本。
DynamicLoad.html
<html>
<head>
<script src="http://www.prweekus.com/js/scripts.js?3729212881" type="text/javascript"></script>
<meta http-equiv="Content-Typ
浏览 0提问于2010-04-14得票数 5
范围滑块允许通过标记中的数据选项初始化开始/结束和步长值，但不提供像set_value这样的方法来在运行时使用回流来更改这些值。
我是不是遗漏了什么？尝试重置数据选项并调用reflow，但没有重绘。
Jw
浏览 1提问于2014-05-07得票数 2
1回答
我正在为box2djs创建一个呈现引擎，它使用页面上的元素来呈现而不是画布，因为它比在画布上实现相同的效果要容易得多。
无论如何，Chrome (一如既往地)将它完美地呈现在60 best的水平上，当IE10处理许多元素(关于我的机器上的20+ )时，它就开始滞后了。
问题是IE10在WebKit Sunspider上击败了V8 ( Chrome的JS引擎)，所以我不明白为什么IE10会比Chrome更落后。
为什么IE10开始落后，而Chrome没有，如果是更快？
我唯一的猜测是，IE10在页面呈现方面速度较慢，无法处理那么多重绘(每秒60次)。
这是我的渲染代码：
JS
function
浏览 1提问于2013-03-11得票数 1
回答已采纳
如果是的话，我很抱歉，如果是的话，请告诉我正确的副本。
同位素：
ImagesLoaded：
LazySizes：
我试图建立一个迷你画廊，它使用懒散的装载，同位素进行分类，和imagesLoaded重新流布局时，一个懒惰的图像被加载。
由于某些原因，我的imagesLoaded函数不会更新同位素，但是如果我记录事件，然后手动运行iso.layout()，它确实会重新布局。有什么好主意吗？
import lazySizes from 'lazysizes';
const Isotope = window.Isotope = require("isot
浏览 8提问于2018-11-09得票数 1
回答已采纳
2回答
我想做一些非常小的游戏。
用户: honza密码: honza
我不知道我应该使用canvas还是HTML DOM。当我改变一个部分，缩放和移动时，我只想重画大约20张图片(10张在蓝色块，10张在灰色块)。可能会有一个移动的人。你的意见是什么？我应该使用canvas还是HTML DOM？
浏览 0提问于2013-03-20得票数 0
回答已采纳
我在js代码库上做代码检查，我得到了一些变量分配给他们自己。我在ui引导-tpls-0.5.0.js:445中发现了一个奇怪的任务，即：
nextSlide.$element[0].offsetWidth = nextSlide.$element[0].offsetWidth; //force reflow
这张便条是什么意思：// force reflow？
一般来说，在JS中，变量自分配有什么优势吗？DOM节点？
浏览 3提问于2016-04-07得票数 0
回答已采纳
错误：
git reflow
git: 'reflow' is not a git command. See 'git --help'.
Did you mean this?
reflog git reflow command is not recognised,
我已经安装了git和git_reflow gem，甚至尝试卸载和重新安装git版本并更新它。
目前已安装的版本如下：
git_reflow 0.7.1,
git version 2.6.3,
ruby 2.2.3p173
浏览 0提问于2015-12-21得票数 1
回答已采纳
有没有可能让javascript在javascript代码所在位置输出html？
例如
<html>
<head>
<title>
</title>
</head>
<body>
<div>header</div>
<div>main
<script type="text/javascript" language="javascript">
// print some html here, maybe <a href="http
浏览 0提问于2012-06-21得票数 3
回答已采纳
1回答
我正在尝试实现动画，重新启动点击事件：。
在上面的例子中没有问题，但是我希望有一个没有setTimeout的解决方案，因为它看起来很适合这个任务，我能用另一种方法来实现这一点吗？试图使用CSS动画，但仍然必须使用setTimeout。
浏览 4提问于2022-09-20得票数 0
回答已采纳
8回答
我的问题是，你是把Google Analytics Javascript代码放在页面的头部还是底部(在</body>之前)。我听人说最好把Google Analytics Javascript代码放在html的末尾。其他人说最好把它放在标题中。有没有最佳实践？
浏览 0提问于2012-05-23得票数 53
回答已采纳
2回答
我阅读了适用于Google Chrome的HTML元素的默认样式，可用。我发现了这个：
p {
display: block;
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1__qem;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
1__qem是什么意思？
浏览 1提问于2011-09-17得票数 15
回答已采纳
1回答
我使用的是JQuery移动台：
<table data-role="table" id="productTable" data-mode="reflow" class="tablesorter ui-responsive table-stroke my-custom-breakpoint">
<thead>
<tr>
<th data-priority="1
浏览 0提问于2013-06-06得票数 1
回答已采纳
我正在开发一个需要javascript文件的网站小部件，它呈现一个小部件，我想知道两种不同方法之间的区别是什么：
通常包括JS文件：(typekit使用此文件)
动态地将JS文件插入DOM (google示例)
(函数(){ var ga = document.createElement('script')；ga.type = 'text/javascript'；ga.async = true；ga.src = ('https:‘== document.location.protocol？)'http://‘：') +’..goo
浏览 7提问于2013-09-09得票数 0
回答已采纳
1回答
页面无响应的原因是什么？
、、、
我开发了一个网页，它有1100多行代码，使用JSF2.0。该页面还包含许多PrimeFaces组件。我还使用了JQuery来显示和消除组件。
该网页在Firefox4.0和3.16浏览器中具有响应性。但是当我在一个拥有Firefox3.05b的服务器上部署这个站点时，在这个页面中做了一些涉及Ajax的操作之后，我说网页看起来很迟钝，没有响应能力。即使是页面也不能快速滚动。
造成这种懒惰的原因可能是什么？是否与浏览器的JavaScript处理引擎有关？需要一些建议来克服这个冻结的页面。谢谢。
更新：
这是和
浏览 2提问于2011-04-05得票数 0
回答已采纳
我有一个基于web的应用程序，它高度依赖jquery / javascript，有时会有点慢。经常做的事情之一是对网格(jqGrid)的更改，这意味着每次我使用jQuery来选择该对象时，例如：
function load_editor() { $('#listview').jqGrid(do_stuff); }
我相信简单地存储一个对$('#listview')的引用--因为它被用在六个函数中--会更快。那么像这样设置有什么缺点吗：
listview = $('#listview');
function load_editor() { list
浏览 0提问于2010-03-08得票数 3
回答已采纳
1回答
动态插入DOM对象和未应用的转换
、、、、
我这样在我的对象中添加了一个DIV。
//add the slide to module
self.activeSlideDom = $("<div id='module_"+self.moduleId+"-slide_"+self.activeSlide+"' class='slide'></div>").appendTo("div#module_"+self.moduleId);
带有类“幻灯片”的DIV的样式规则如下所示：
.slide {
paddin
浏览 4提问于2014-01-20得票数 0
回答已采纳
可能重复：
我想尝试一个独立的JavaScript解释器，而不是一直在火狐中执行。我通过googling找到了蜘蛛猴，它可以安装在ubuntu上，但是有什么方法可以使用Google的v8作为独立的解释器呢？
浏览 23提问于2010-10-13得票数 1
回答已采纳
我的eval()调用相当密集，生成每个解决方案需要大约一秒钟时间。
因此，生成每个段落元素(我随后将其附加到dom - document.getElementById('project_euler_solutions').appendChild(p); )大约需要一秒钟时间。
因此，我期望每个段落出现在网页上大约隔一秒钟。(因此，大约40秒后，我会有40个段落说)。
但是，当我单击该按钮时，40秒内什么都不会发生，然后所有的解决方案都会同时出现。
为什么在更新dom?之前等待它们全部完成？
，我认为每一段都会在它被附加到dom之后立即出现
<!DOCTYPE HTML P
浏览 7提问于2012-06-06得票数 3
回答已采纳
2回答
我正试着让我的Google栏目Material Chart响应式的，但它对我来说似乎有点起伏不定，一点也不好用。有没有人能帮我把这个流程做好
只有加载页面时，图表才会以该格式显示。当浏览器窗口宽度改变时，它不会动态调整大小。
JSFIDDLE
HTML
<div id="chart">
<div id="chart_div"></div>
</div>
CSS
#chart {
border:5px solid #AAA;
width: 80%;
min-height: 450px;
浏览 0提问于2017-11-17得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
