DOCSEARCHbyAlgolia
Submit Docs

pigiysou147 Technical Blog

website·Indexed 29 days ago

https://pigiysou147.github.io/blogs

A technical blog covering web development topics including JavaScript data types (BigInt, Symbol, Map, Set), HTML, CSS Grid, and browser performance. It features guides on DOM and AOM, AVIF image formats, Node.js deployment with Docker, JSON Web Tokens (JWT), and insights into AI-Native Development and frontend trends for 2026.

Tokens
188.1K
Snippets
919
Records
1.4K
Agent score
74%

What's inside pigiysou147 Blog

  1. Overview of JSON Web Token (JWT)

    JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object. The information is digitally signed, allowing it to be verified and trusted. Signing can be performed using a secret key (HMAC algorithm) or a public/private key pair (RSA or ECDSA). While JWTs can be encrypted for confidentiality, they are most commonly used as signed tokens to ensure the integrity of the claims they contain.

  2. Overview of Kafka cross-cluster message synchronization

    To ensure data reliability and consistency across different data centers or environments, Kafka supports message synchronization between clusters. This is typically achieved by replicating partition replicas. Common tools for this purpose include MirrorMaker, MirrorMaker2, and Confluent Replicator.

  3. Overview of WebP image format features

    WebP is a versatile image format developed by Google designed to replace JPEG. It supports lossy compression (based on the VP8 video codec), lossless compression, alpha channel transparency (similar to PNG), and animation (similar to GIF). It typically produces smaller file sizes than JPEG for equivalent image quality.

  4. Overview of TypedArrays for binary data

    TypedArrays are used to store structured binary data, which is essential for tasks like handling file uploads or WebGL. The %TypedArray% intrinsic function serves as a parent class for specific binary data format constructors; it provides shared properties and utility methods inherited by all TypedArray subclasses. Note that %TypedArray% itself cannot be called directly or used with new.

  5. Overview of HTML and its role in Web Development

    HyperText Markup Language (HTML) serves as the content layer of the web, providing the structure and content seen in a web browser. HTML elements act as nodes within the Document Object Model (DOM). In a modern web stack, HTML is complemented by Cascading Style Sheets (CSS) for the presentation layer (appearance and style) and JavaScript for the behavior layer (manipulating objects within the document). To ensure accessibility and ease of parsing by scripts, developers should follow modern HTML standards.

  6. Overview of WebAssembly JavaScript Promise Integration (JSPI)

    v8
    JSPI allows WebAssembly applications written in sequential languages (like C/C++) to access asynchronous Web APIs. It enables a WebAssembly application to pause execution when a JavaScript Promise is returned and resume once the Promise resolves, bridging the gap between synchronous Wasm execution and asynchronous JS APIs.

  7. Overview of WebRTC

    WebRTC (Web Real-Time Communication) is a set of standards, protocols, and JavaScript APIs that enable peer-to-peer audio, video, and data sharing directly between browsers without the need for third-party plugins or proprietary software. It is supported by all major modern browsers including Chrome, Firefox, Safari, and Edge.

  8. Overview of HTTP/2 design goals and improvements

    HTTP/2 is designed to improve web application performance by reducing latency and protocol overhead. It achieves this without changing the core application semantics of HTTP (methods, status codes, URIs, and header fields remain the same).

    Key improvements include:

    • Full Request and Response Multiplexing: Allows multiple concurrent exchanges over a single TCP connection, reducing the need for multiple connections and mitigating head-of-line blocking.
    • Header Compression: Uses HPACK to compress HTTP header fields, reducing unnecessary network traffic.
    • Stream Prioritization: Allows clients to specify the priority of requests so that critical resources are delivered first.
    • Server Push: Enables servers to push resources to the client's cache before they are explicitly requested.
    • Binary Framing Layer: Replaces the text-based protocol of HTTP/1.x with a binary format for more efficient parsing and transmission.

  9. Overview of WebP image format features

    WebP is a versatile image format developed by Google designed to replace JPEG. It supports lossy compression (based on the VP8 video codec), lossless compression, alpha channel transparency (similar to PNG), and animation (similar to GIF). It typically produces smaller file sizes than JPEG for equivalent image quality.

  10. Overview of AV1 Image File Format (AVIF)

    AVIF (AV1 Image File Format) is an image coding format based on the open-source AV1 video codec. It is designed to handle all common web raster image use cases, including animations (similar to GIF), transparency (similar to PNG), and high perceptual quality with smaller file sizes compared to JPEG or WebP. Browser support began with Chrome and Opera in 2020, Firefox in 2021, and Safari in 2022.

  11. Understand JPEG lossy compression and use cases

    JPEG is a lossy image format primarily designed for photographs and images with subtle gradients. Unlike lossless compression, JPEG achieves higher efficiency by making subtle changes to image data that are often imperceptible to the human eye. It encodes images in 8x8 pixel blocks and uses a 'Discrete Cosine Transform' to separate brightness (luminance) and color (chrominance). Because the human eye is more sensitive to brightness than color, JPEG can heavily compress the chrominance layer (downsampling) while preserving the luminance layer to maintain perceived quality.

  12. Understand JavaScript Symbol primitives for unique identifiers

    Introduced in ES6, the Symbol primitive is used to create completely unique values that are guaranteed never to conflict with any other value in the application, including other Symbols. Unlike strings, where two strings with the same characters are strictly equal, every Symbol created is unique.
    // Strings with same content are equal
String("My string.") === String("My string."); // true

// Symbols are always unique
Symbol() === Symbol(); // false