js渲染数据太大,导致浏览器崩溃

JavaScript06

js渲染数据太大,导致浏览器崩溃,第1张

js渲染数据太大，导致浏览器崩溃是JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，在IE6下一次插入大量的HTML。解决方法如下：

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

2、优化函数，函数体内有太多不相干的进行拆分。

3、优化递归操作，需要小心处理。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：var a = '<input type="text" value="test" />'document.body.innerText = a。

3、浏览器运行index.html页面，此时html代码被当成字符串渲染到了页面上。

为什么通过js渲染的元素css不生效？

答案如下：原因是通过测试，这是因为vue文件中的style标签添加了scoped的原因，而scoped的作用是为了保证这些css样式只会对当前vue文件(组件)生效，但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式，于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。