APAvinash Payakinavinashpayak.hashnode.dev·Jan 27, 2024 · 2 min readLayoutLayout aka reflow is a step where the browser calculations the position and size of each element in the document considering the styles, dimensions and relationship between each element. https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMW1pYzJrYWsxZH...00
APAvinash Payakinavinashpayak.hashnode.dev·Jan 20, 2024 · 3 min readRender TreeIt is a combined representation of Document Object Model (DOM) and CSS Object Model (CSSOM) where DOM nodes and CSS rules are matched together. Browser parses HTML document and constructs a DOM tree where each element represents a node in the DOM tr...00
APAvinash Payakinavinashpayak.hashnode.dev·Jan 13, 2024 · 4 min readParsingThe parsing stage involves taking the raw HTML & CSS code received from the server and converting it into a structured document object model (DOM) that the browser can understand and render onto the screen. HTML Parsing Tokenization The browser rea...00
APAvinash Payakinavinashpayak.hashnode.dev·Jan 6, 2024 · 2 min readVirtual DOMWhat is a DOM? DOM aka Document Object Model is an interface for web documents. It represents the structure of a document as a tree of objects wherein each object represents a part of the document, such as elements, attributes, and text. DOM tree i...00
APAvinash Payakinavinashpayak.hashnode.dev·Dec 31, 2023 · 3 min readNetwork PortsA port refers to a logical connection point that allows a computer or device to send and receive data across a network. Different types of activities on your computer, like web browsing, email or file transfer use different ports to send and receive...00