美文网首页
2018-12-21 js引擎和渲染引擎

2018-12-21 js引擎和渲染引擎

作者: xdanger | 来源:发表于2018-12-21 17:04 被阅读0次

看看下面这样一段代码:

function jank(second) {

    var start = +new Date();

    while (start + second * 1000 > (+new Date())) {}

}

div.style.backgroundColor = "red";

// some long run task

jank(5);

div.style.backgroundColor = "blue";

无论在任何的浏览器中运行上面的代码,你都不会看到div变为红色,页面通常会在假死5秒,然后容器变为蓝色。这是因为浏览器的始终只有一个线程在运行(可以这么理解,因为js引擎与UI引擎互斥)。虽然你告诉浏览器此时div背景颜色应该为红色,但是它此时还在执行脚本,无法调用UI线程。

相关文章

  • async 和 defer

    HTML加载过程 1. 两个引擎 浏览器的引擎可以分为渲染引擎和 JS 引擎。 JS 引擎相对独立,而渲染引擎又包...

  • 浅谈浏览器内核

    主要分为:渲染引擎(Layout Engine或Rendering Engine)和JS引擎。 渲染引擎:负责取得...

  • 浏览器内核、渲染引擎、js引擎

    浏览器内核可以分为两部分:渲染引擎和JS引擎最开始渲染引擎和js*引擎并没有区分的很明确,后来JS引擎越来越独立,...

  • 浏览器内核及其分类

    内核包括两部分:渲染引擎和js引擎 渲染引擎:获得网页内容加入css,然后展示 ...

  • 基础知识 console.dir()

    1、浏览器执行过程:浏览器有两部分组成,渲染引擎和js引擎。渲染引擎解析html和css。js引擎是逐行解释执行。...

  • 【浏览器内核】渲染引擎、JavaScript引擎

    浏览器内核 浏览器内核 又可以分成两部分:渲染引擎 和 JS引擎。 渲染引擎 渲染引擎 主要包括: HTML 解释...

  • 2018-12-21 js引擎和渲染引擎

    看看下面这样一段代码: function jank(second) { var start = +new Da...

  • 浏览器内核简单介绍

    浏览器内核的理解 主要组成:渲染引擎(Rendering Engine) 和 JS 引擎 渲染引擎:主要负责取得网...

  • js的补充

    浏览器分为: shell 内核 内核又分为: 渲染引擎(语法规则和渲染) JS引擎 其他模块 JS...

  • (4)对浏览器内核的理解

    主要分成两部分:渲染引擎(layout engineer 或 rendering engine)和js引擎 渲染引...

网友评论

      本文标题:2018-12-21 js引擎和渲染引擎

      本文链接:https://www.haomeiwen.com/subject/srlvkqtx.html