BestHub
Sign in
Tag

browser

1 views collected around this technical thread.

Architecture Digest
Architecture Digest
May 15, 2025 · Backend Development

Why the ChatGPT Browser Conversation System Uses EventSource Instead of WebSocket

This article explains why the ChatGPT browser-based conversation system prefers EventSource over WebSocket, covering protocol basics, the system’s single‑direction communication model, long‑polling behavior, deployment simplicity, and includes full Node.js server and client code examples demonstrating the implementation.

EventSourceNode.jsWebSocket
0 likes · 9 min read
Why the ChatGPT Browser Conversation System Uses EventSource Instead of WebSocket
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 12, 2025 · Frontend Development

Understanding Browser Rendering, Event Loop, and Techniques to Avoid Page Jank When Adding Massive DOM Elements

This article explains the underlying browser mechanisms that cause page jank when creating millions of DOM elements, analyzes the event loop, rendering pipeline, macro‑ and micro‑tasks, and presents practical solutions such as setTimeout, requestAnimationFrame, MessageChannel, and requestIdleCallback to keep the UI responsive.

DOMEvent LoopRendering
0 likes · 16 min read
Understanding Browser Rendering, Event Loop, and Techniques to Avoid Page Jank When Adding Massive DOM Elements
Test Development Learning Exchange
Test Development Learning Exchange
Feb 15, 2025 · Frontend Development

Getting Started with Playwright: Introduction, Installation, Browser Setup, and Configuration

This article introduces Playwright, explains its key features, guides readers through installing the tool and its dependencies, demonstrates how to launch Chromium, Firefox, and WebKit browsers with Python code, and shows common configuration options such as headless mode, timeouts, and proxy settings.

PlaywrightPythonUI testing
0 likes · 5 min read
Getting Started with Playwright: Introduction, Installation, Browser Setup, and Configuration
Cognitive Technology Team
Cognitive Technology Team
Nov 10, 2024 · Frontend Development

Understanding Browser Concurrent Connection Limits and Optimization Techniques

The article explains why browsers limit concurrent connections per domain for performance and security reasons, compares HTTP/1.1 and HTTP/2 handling of these limits, and outlines practical frontend optimization strategies such as domain sharding, CDN usage, resource bundling, and lazy loading.

HTTP/2browserconcurrent connections
0 likes · 5 min read
Understanding Browser Concurrent Connection Limits and Optimization Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 14, 2024 · Frontend Development

Troubleshooting Browser Audio Autoplay Restrictions and the Media Engagement Index

This article explains why audio autoplay may fail in modern browsers, describes the role of the Media Engagement Index, shows how to diagnose the NotAllowedError, and provides a JavaScript solution that catches the error and prompts the user to enable playback.

AudioFrontendautoplay
0 likes · 5 min read
Troubleshooting Browser Audio Autoplay Restrictions and the Media Engagement Index
JD Tech Talk
JD Tech Talk
Aug 21, 2024 · Frontend Development

Browser Navigation Process and Performance Optimization Techniques

This article explains the complete browser navigation flow from URL entry to page rendering and provides practical optimization strategies for DNS resolution, HTTP protocols, CDN usage, and front‑end resources such as HTML, CSS, JavaScript, images, and fonts to improve performance and user experience.

DNSFrontendbrowser
0 likes · 13 min read
Browser Navigation Process and Performance Optimization Techniques
JD Tech
JD Tech
Aug 15, 2024 · Frontend Development

Understanding Browser Rendering Process and Performance Optimization Techniques

This article explains the complete browser rendering pipeline—from URL entry, DNS resolution, TCP/HTTP communication, resource loading, DOM/CSSOM construction, to page painting—and presents practical optimization strategies such as DNS prefetching, HTTP/2, CDN usage, and HTML/CSS/JS best practices to improve frontend performance.

FrontendRenderingbrowser
0 likes · 14 min read
Understanding Browser Rendering Process and Performance Optimization Techniques
macrozheng
macrozheng
Jul 18, 2024 · Information Security

Mastering Same-Origin Policy and CORS: A Complete Guide for Secure Web Development

This article explains the fundamentals of the same‑origin policy, its impact on DOM, web data and network requests, and provides a detailed overview of CORS, simple requests, preflight requests, and the necessary response headers to securely enable cross‑origin communication in modern browsers.

CORSFrontendWeb Security
0 likes · 13 min read
Mastering Same-Origin Policy and CORS: A Complete Guide for Secure Web Development
Code Mala Tang
Code Mala Tang
Jul 15, 2024 · Frontend Development

Mastering JavaScript Event Loop: How Browsers and Node Handle Async Tasks

This article demystifies the JavaScript event loop, explaining how browsers and environments like Node.js manage asynchronous tasks through call stacks, macro‑ and micro‑task queues, and various implementation libraries, illustrated with clear code examples and comparisons across Chrome, Firefox, Safari, Edge, Electron, and Deno.

Event LoopNode.jsasynchronous
0 likes · 11 min read
Mastering JavaScript Event Loop: How Browsers and Node Handle Async Tasks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 8, 2024 · Frontend Development

Understanding Frontend Caching: HTTP Headers, Browser Cache, and Optimization Techniques

This article explains the mechanisms of frontend caching, covering HTTP cache headers such as Expires and Cache‑Control, browser memory and disk caches, negotiation strategies with ETag and Last‑Modified, and practical NestJS examples to improve web performance.

ETagFrontendbrowser
0 likes · 14 min read
Understanding Frontend Caching: HTTP Headers, Browser Cache, and Optimization Techniques
JD Tech Talk
JD Tech Talk
Jul 1, 2024 · Frontend Development

Why Developers Should Understand Browsers and Their Evolution

This article explains the importance of browsers for both front‑end and back‑end developers, outlines the historical evolution from early single‑process designs to modern multi‑process architectures, and details core components, rendering engines, and market share, providing a comprehensive technical overview.

HistoryWeb Architecturebrowser
0 likes · 14 min read
Why Developers Should Understand Browsers and Their Evolution
Java Tech Enthusiast
Java Tech Enthusiast
May 4, 2024 · Fundamentals

Understanding HTTP and TCP: From URL to Browser Rendering

The article walks through every step from typing a URL to final page rendering, detailing URL parsing, DNS lookup, TCP three‑way handshake and termination, HTTP request/response structure, congestion and flow control mechanisms, and the browser’s DOM, CSS, layout and painting processes.

DNSNetworkingTCP
0 likes · 13 min read
Understanding HTTP and TCP: From URL to Browser Rendering
IT Services Circle
IT Services Circle
Apr 15, 2024 · Fundamentals

What Happens When You Press Enter in the Browser URL Bar: From URL Parsing to TCP Handshake and HTTP Response

This article explains step‑by‑step what occurs when a user types a URL and presses Enter, covering URL parsing, DNS resolution, TCP three‑way handshake and four‑way termination, HTTP request/response formation, and the browser’s rendering process, providing interview‑ready insights into web networking fundamentals.

DNSNetworkingTCP
0 likes · 15 min read
What Happens When You Press Enter in the Browser URL Bar: From URL Parsing to TCP Handshake and HTTP Response
Test Development Learning Exchange
Test Development Learning Exchange
Feb 4, 2024 · Frontend Development

Using Playwright for Web Interaction: Installation, Element Selection, Click Handling, and Assertions

This guide explains how to install Playwright, write Python scripts to launch a Chromium browser, locate and interact with page elements, ensure element presence using various waiting methods, and verify actions with assertions, providing practical code examples for web automation.

Click EventsPlaywrightPython
0 likes · 5 min read
Using Playwright for Web Interaction: Installation, Element Selection, Click Handling, and Assertions
IT Services Circle
IT Services Circle
Jan 6, 2024 · Backend Development

Using exceljs for Excel Import and Export in Node.js and the Browser

This tutorial demonstrates how to install the exceljs package, read and traverse Excel workbooks in Node.js, generate styled Excel files, and perform the same operations in a browser environment, including triggering file downloads, providing a complete solution for Excel import/export in backend and frontend applications.

Excelbrowserexceljs
0 likes · 9 min read
Using exceljs for Excel Import and Export in Node.js and the Browser
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 19, 2023 · Artificial Intelligence

Transformers.js 2.7.0 Adds Text‑to‑Speech Support and Demo Application

The new Transformers.js 2.7.0 release introduces text‑to‑speech capabilities, provides a simple browser demo, explains how to save audio with the wavefile NPM package, offers speaker selection from a large CMU Arctic dataset, and lists additional library updates.

AIDemobrowser
0 likes · 3 min read
Transformers.js 2.7.0 Adds Text‑to‑Speech Support and Demo Application
Sohu Tech Products
Sohu Tech Products
Nov 8, 2023 · Frontend Development

Controlling Web Resource Loading Priorities with Priority Hints and fetchpriority

The article explains how modern browsers let developers actively control resource loading order with Priority Hints and the fetchpriority attribute—using preload links, fetch requests, image tags, and script tags—to boost performance on limited bandwidth, while warning against overuse.

Frontendbrowserfetchpriority
0 likes · 18 min read
Controlling Web Resource Loading Priorities with Priority Hints and fetchpriority
IT Services Circle
IT Services Circle
Oct 12, 2023 · Frontend Development

Integrating WASI into WebContainers: Enabling Multi‑Language Execution in the Browser

The article explains how StackBlitz's WebContainers, a browser‑based container environment, now fully integrates the WebAssembly System Interface (WASI), allowing near‑native speed, secure sandboxed execution of multiple languages such as Rust, Python, C/C++, and introducing new CLI tools and future language support.

FrontendMulti-languagePython
0 likes · 6 min read
Integrating WASI into WebContainers: Enabling Multi‑Language Execution in the Browser
HelloTech
HelloTech
Sep 27, 2023 · Frontend Development

Understanding JavaScript Web Workers and Shared Workers: Concepts, Usage, and Debugging

JavaScript’s single‑threaded model can freeze the UI during heavy calculations, but Web Workers—dedicated or shared—run code in independent threads, communicate via postMessage, offer configurable options, follow a clear initialization‑active‑termination lifecycle, and can be debugged through Chrome’s inspection tools, enabling responsive, asynchronous processing.

FrontendShared WorkerWeb Worker
0 likes · 17 min read
Understanding JavaScript Web Workers and Shared Workers: Concepts, Usage, and Debugging