2021-06-18
3441
#css#html#vanilla javascript
Ohans Emmanuel
300
Jun 18, 2021 ⋅ 12 min read

How browser rendering works — behind the scenes

Ohans Emmanuel Visit me at ohansemmanuel.com to learn more about what I do!

Recent posts:

Implementing In App Updates For React Native Apps

Implementing in-app updates for React Native apps

Implementing OTA in-app updates in React Native apps can streamline the update process, preventing delays that hinder overall productivity.

Nelson Michael
Mar 1, 2024 ⋅ 7 min read
Exploring Stylex And The New Generation Of Styling Libraries

Exploring StyleX and the new generation of styling libraries

StyleX is a build-time, type-safe CSS-in-JS library recently open sourced by Meta. Explore StyleX and the evolution of styling libraries.

Ibadehin Mojeed
Feb 29, 2024 ⋅ 9 min read
Building High Performance Ecommerce Sites With Astro

Building high-performance ecommerce sites with Astro

Learn to set up a completely custom Astro ecommerce implementation that’s also highly performant and type-safe in this straightforward guide.

Onuorah Bonaventure
Feb 28, 2024 ⋅ 64 min read
Implementing Vector Search With Open Ai, Next Js, And Supabase

Implementing vector search with OpenAI, Next.js, and Supabase

Let’s build a Next.js app that implements vector search using Supabase and OpenAI to offer better search experiences for users.

Peter Ekene Eze
Feb 27, 2024 ⋅ 11 min read
View all posts

29 Replies to "How browser rendering works — behind the scenes"

  1. So there are various engines in the browser: 1. The browser engine, 2. The rendering engine, 3. The JavaScript Engine
    These are the three main engines. The V8 engine is an example of a JavaScript engine. Chrome uses the V8 engine, Safari uses JavaScriptCore, and Firefox uses SpiderMonkey

  2. If you extract the inline to an external local file , the behavior is not the same.

    “`html

    body,
    html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    }

    1

    <!– http://./1.js –>

    i = 0;
    do {
    i++;
    } while (i < 1000000000)
    matrix.innerText = i;

    2

    “`

  3. this is absolutely an amazing article .these single article has cleared couple of doubts that have been tinkering in my mind for a longtime.Absolutely amazing,great work.thankyou!!!!!!!!

  4. Amazing article! Worth the read. The examples and the diagramatic explanation makes people understand the functionality much easily.

  5. Great post indeed, I loved to read it as it provides all the necessary details of what I was searching for. Thanks for great information you write it very clean. I am very lucky to get these tips from you.

Leave a Reply