![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器
文章平均质量分 56
困在雨天
这个作者很懒,什么都没留下…
展开
-
语音播报功能
/ 设置说话的速度(0.1-10 默认1,值越大语速越快,越小语速越慢)speech.pitch = 1;// 设置话语的音调(0-2 默认1,值越大越尖锐,越低越低沉)speech.lang = "zh-CN";// 设置说话的音量。let speakText = `床前明月光,疑是地上霜`// 如果过了0点要刷新。原创 2024-03-12 17:01:00 · 428 阅读 · 0 评论 -
浏览器渲染原理
当我们修改会影响到几何信息的时候,我们修改的是cssom或dom。即重新布局重新排版了一遍reflow的本质就是重新计算layout树。当进行了会影响布局树的操作后,需要重新计算布局树,会引起layout。为了避免连续的多次操作导致不拘束反复计算,浏览器会合并这些操作,当js代码全部完成后再进行同意计算。所以,改动属性造成的reflow是异步的。也同样因为如此,当js获取布局属性时,就可以造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取几何信息的属性立即reflow。原创 2023-04-24 17:59:36 · 368 阅读 · 0 评论