javascript性能优化

标签：无分类：未分类创建时间：2023-03-02 09:36:49 更新时间：2025-01-17 10:39:23

1.iframe优化

参考文章:
1.突破浏览器域名并发限制的解决方案同域名下资源加载的最大并发连接数为6，当资源文件大于6时，多于6个的文件就会进入待定，等第一批加载完才会加载第二批的6个图片资源，这样就增加了等待时间
2.你不了解的iframe 1.占用同源连接数，对于每个浏览器，都会去控制并发的同源的连接数。比如说chrome的连接数是8，firfox的连接数6。所以如果iframe的请求与页面的请求是同源的，那么就会阻塞页面的请求。
3.iframe嵌套页面加载慢_web前端入门到实战：分析页面加载慢都是清一色几十毫秒。这时候我们可以在Network里瀑布般的Timeline里很直观的看出来请求的耗时情况。在timeline里，每一条线代表一个TCP的连接，每一种颜色代表请求一个时间段，每条线的颜色一直循环变化，从灰色到深绿最后蓝色，然后又变灰色，说明浏览器建立的TCP连接一直在循环复用，这样就省去了三次握手的时间。
4.iframe嵌套页面加载慢 1.网络带宽瓶颈：如果嵌套的页面文件较大，加载耗时会增加。2.服务器性能问题：服务器可能繁忙，导致页面加载缓慢。3.嵌套页面中的脚本或样式表：如果嵌套的页面中存在过多的脚本或样式表，加载速度也会受到影响。
5.实现浏览器中的最大请求并发数控制
6.iframe异步加载性能优化及无阻塞加载
7.让iframe无阻塞异步加载方案研究之路

往期推荐

文章目录

1. 1.iframe优化

微信公众号

广告位

诚心邀请广大金主爸爸洽谈合作

每日一省

isNaN 和 Number.isNaN 函数的区别？

1.函数 isNaN 接收参数后，会尝试将这个参数转换为数值，任何不能被转换为数值的的值都会返回 true，因此非数字值传入也会返回 true ，会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字，如果是数字再继续判断是否为 NaN ，不会进行数据类型的转换，这种方法对于 NaN 的判断更为准确。

每日二省

为什么0.1+0.2 ! == 0.3，如何让其相等?

一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3。

每日三省

== 操作符的强制类型转换规则？

1.首先会判断两者类型是否**相同，**相同的话就比较两者的大小。

2.类型不相同的话，就会进行类型转换。

3.会先判断是否在对比 null 和 undefined，是的话就会返回 true。

4.判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断。

每日英语

Happiness is time precipitation, smile is the lonely sad.

幸福是年华的沉淀，微笑是寂寞的悲伤。