js计算数据慢，javascript速度

JS操作大量Dom数据时,假死现象

：JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，如在IE6下一次插入大量的HTML。而如果真的弹出了“脚本运行时间过长“的提示框则说明你的JS脚本肯定有死循环或者进行过深的递归操作了。

浏览器显示页面的时候，要处理js逻辑，还要做渲染，每个执行片段的时间不能超过167ms。实际上，浏览器内核自身支撑体系运行也需要消耗一些时间，所以留给我们的时间差不多只有10ms。并且在处理js计算时，浏览器不会响应用户的操作，所以就造成了页面“假死”。

js渲染数据太大，导致浏览器崩溃是JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，在IE6下一次插入大量的HTML。解决方法如下：优化循环，循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长，直接导致锁死浏览器。优化函数，函数体内有太多不相干的进行拆分。

代码你的大量计算，放到一个js文件中。如下：//job.jsonmessage =function (evt){ //do massive job.在这里你进行大量耗时的计算过程。

DOM树的节点 DOM节点分为三大类： 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。 因此操作时，需先选中元素节点，再修改属性和文本。

那么我们就可以根据这个DOM结构自己使用一个JS创建一个数据结构，和真实的DOM一一映射。

相关问答

Q1: js大量数据计算导致页面假死

js渲染数据太大，导致浏览器崩溃是JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，在IE6下一次插入大量的HTML。解决方法如下：优化循环，循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长，直接导致锁死浏览器。优化函数，函数体内有太多不相干的进行拆分。

第一步，优化循环，循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长，并直接导致锁死浏览器。

可以考虑分批处理。即是说创造一个间隔定时器setInterval。每隔一小段时间，处理大量数据中的一部分。这样就可以避免大量计算导致浏览器卡死。大致代码如下(这里是简单的例子。具体情况具体分析。)：假设我们要计算1000万个数据的和。var jobData = []；//假设是一个数组。里面有1000万个数据。

Q2: js滑动反应慢怎么解决

解决办法：换一个js包含的方式，让javascript加载速度倍增。把通常加载方式： 改变成：document.write(scr+ipt src=\xxx.js\/sc+ript) JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

临时禁用不经常用的chrome扩展插件，保留一些去广告的插件，速度应该能快很多。

，如果是因为你的服务器的网速不快，那么你把js放到一个高速服务器或者云存储是可以的。但是如果客户端本身的网速不快，你放到哪都没用。缓存是很好的解决方案。如果你能使用一些公共的js源，比如客户端以前用过的来源，当打开网站的时候，就会直接找到这些源的缓存，就可以加快打开速度。

Q3: js实现能拖动的层,为什么数据量大时,速度会变慢呢?

Google Chrome可能不提示。但是你想过没有，即便是你的客户端能够承受住上千条的数据，你的服务器呢？可能几十人并发操作，你的服务器就爆掉了。所以建议你减小数据加载规模，牵涉到资源的问题，最好分布解决。

主要毛病就是你这个控件太多，本身就有若干个 Panel，每个Panel 里还套了若干个 PictureBox 和 Label，这样一来你每次滚动相当于重新绘制无数个控件了。要么不要用控件，改为双缓冲绘制，把图和文字分别用 DrawImage 和 DrawString 等方法画出来。但即使这样，一旦数据量多了一样很卡。

数据量大。websocket传发文件一般使用都是断电续传，切割文件上传。websocket本来就不是为传输大数据设计的，这种大数据量的传输，直接用post上传，建议socket只传递短字符串，不然很难做到实时性。

你要问的是spreadjs导出很慢是吗，那是因为数据量大。删除Excel表单的空白区域。数据量大或者表单多的时候速度变得很慢。没有什么好的解决方法，只能等着。确实很无奈。

页面数据变动周期比较小的地方可以考虑静态化。用GZip压缩数据。代码优化、加分页等。其他。B）前端优化页面可以考虑加入sprite技术。css以及js文件尽量用外部引用的方式，且css放head，js放body最末端。优化dom布局等。有条件的可以考虑用cdn加速。其他。

Q4: spreadjs导出很慢

1、你要问的是spreadjs导出很慢是吗，那是因为数据量大。删除Excel表单的空白区域。数据量大或者表单多的时候速度变得很慢。没有什么好的解决方法，只能等着。确实很无奈。

2、SpreadJS由于是一款纯前端的控件，默认支持的是纯前端的导入导出。如果要导出到服务器端需要将前端生成的blob对象通过ajax或者form表单提交的方式传递到后台，后台接收到后转存为xlsx格式的Excel文件即可。

3、导入时使用excelio的open方法，在successCallBack回掉中我们可以获取到Spread.Sheets的JSON对象。导出 导出时使用save方法，传递json对象，在successCallBack中会获得一个Excel文件的blob对象。您可以在前段通过使用FileSaver.js直接保存Excel，也可将blob提交服务器处理。

4、葡萄城的前端开发工具如FlexGrid、FlexSheet等，不仅兼容Angular、React、Vue等热门框架，还不断推陈出新，如SpreadJS V12引入的182种内置形状和新图表类型，以及WijmoJS 2018V3增强的PDF导出效率和触控UI优化。

js计算数据慢的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于javascript速度、js计算数据慢的信息别忘了在本站进行查找喔。