Tag

Browser APIs

1 views collected around this technical thread.

Code Mala Tang
Code Mala Tang
Sep 2, 2024 · Frontend Development

Unlock the Power of the Navigator API: 5 Essential Features Every JS Developer Needs

Explore the five most useful Navigator API features—online/offline detection, device info, geolocation, clipboard access, and permission management—complete with practical JavaScript code snippets, enabling developers to enhance web applications with richer browser capabilities.

Browser APIsJavaScriptfrontend
0 likes · 4 min read
Unlock the Power of the Navigator API: 5 Essential Features Every JS Developer Needs
360 Smart Cloud
360 Smart Cloud
Nov 21, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage

This article provides a comprehensive overview of WebRTC's MediaStream and RTCPeerConnection APIs, explaining core concepts such as tracks, sources, sinks, device enumeration, media constraints, bitrate and resolution settings, compatibility considerations, screen sharing, content hints, and the step‑by‑step workflow for establishing a peer‑to‑peer connection in the browser.

Browser APIsJavaScriptMediaStream
0 likes · 15 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 8, 2023 · Frontend Development

Advanced JavaScript Methods: getBoundingClientRect, IntersectionObserver, createNodeIterator, getComputedStyle, requestAnimationFrame

This article introduces five lesser‑known but powerful JavaScript browser APIs—getBoundingClientRect, IntersectionObserver, createNodeIterator, getComputedStyle, and requestAnimationFrame—explaining their properties, typical application scenarios such as drag‑and‑drop, lazy loading, DOM traversal, style inspection, and animation timing, and providing ready‑to‑use code examples.

Browser APIsDOMJavaScript
0 likes · 11 min read
Advanced JavaScript Methods: getBoundingClientRect, IntersectionObserver, createNodeIterator, getComputedStyle, requestAnimationFrame
360 Tech Engineering
360 Tech Engineering
Jun 6, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide

This article provides a comprehensive overview of WebRTC’s MediaStream and RTCPeerConnection APIs, covering concepts such as sources, sinks, tracks, device enumeration, media constraints, resolution and bitrate settings, compatibility issues, screen sharing, content hints, and step‑by‑step connection establishment for real‑time communication in browsers.

Browser APIsJavaScriptMediaStream
0 likes · 13 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide
ByteDance Terminal Technology
ByteDance Terminal Technology
Aug 11, 2022 · Frontend Development

Measuring and Optimizing Web Site Performance: Metrics, Collection Techniques, and Evaluation

This article explains how ByteDance measures website performance, describing key front‑end metrics such as FP, FCP, LCP, TTI, TBT, FID, and MPFID, the APIs used to collect them, and how to evaluate overall site health and guide targeted optimizations.

Browser APIsJavaScriptWeb Performance
0 likes · 17 min read
Measuring and Optimizing Web Site Performance: Metrics, Collection Techniques, and Evaluation
Taobao Frontend Technology
Taobao Frontend Technology
Jan 4, 2022 · Frontend Development

Why Web Components Are Gaining Momentum Over Traditional Frontend Frameworks

This article examines why Web Components are gaining traction—covering industry adoption trends, native technical benefits like performance and isolation, reduced business costs, and how they complement rather than replace existing frontend frameworks.

Browser APIsCustom ElementsFrontend Development
0 likes · 13 min read
Why Web Components Are Gaining Momentum Over Traditional Frontend Frameworks
ByteFE
ByteFE
Aug 4, 2021 · Fundamentals

Understanding JavaScript Streams API: Core Concepts and Practical Applications

This article provides an in-depth exploration of JavaScript's Streams API, covering core concepts like readable/writable/transform streams, backpressure, and practical applications such as video processing and data compression.

Async ProgrammingBackpressureBrowser APIs
0 likes · 15 min read
Understanding JavaScript Streams API: Core Concepts and Practical Applications
QQ Music Frontend Team
QQ Music Frontend Team
Jul 1, 2018 · Frontend Development

Unlock Real-Time Browser Communication: A Deep Dive into WebRTC and Its Core APIs

This article explains WebRTC—its definition, features, advantages, drawbacks, architecture diagrams, core APIs, demo code analysis, browser compatibility, and how to build a simple Node.js signaling server for peer‑to‑peer audio, video, and data communication.

Browser APIsData ChannelsReal-Time Communication
0 likes · 10 min read
Unlock Real-Time Browser Communication: A Deep Dive into WebRTC and Its Core APIs
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 27, 2017 · Frontend Development

Master WebRTC: Build Real‑Time Browser Video Calls from Scratch

This article explains WebRTC fundamentals, including its core JavaScript APIs, device compatibility, the STUN/TURN/ICE process for establishing peer-to-peer connections, SDP negotiation, and provides a complete code example for building a simple browser‑based video chat application.

Browser APIsICEJavaScript
0 likes · 7 min read
Master WebRTC: Build Real‑Time Browser Video Calls from Scratch