Goodme Frontend Team
Author

Goodme Frontend Team

Regularly sharing the team's insights and expertise in the frontend field

104
Articles
0
Likes
255
Views
0
Comments
Recent Articles

Latest from Goodme Frontend Team

100 recent articles max
Goodme Frontend Team
Goodme Frontend Team
Nov 26, 2023 · Fundamentals

How Do Devices Talk? Unraveling Network Protocols, RPC, and CAN Basics

This article explains the fundamentals of device communication, from simple LAN setups using hubs and switches to internet protocols like HTTP, then guides the design of custom communication protocols, illustrates JSON‑RPC over sockets, and explores CAN bus specifics, offering practical code examples and architectural diagrams.

CANJSON-RPCRPC
0 likes · 17 min read
How Do Devices Talk? Unraveling Network Protocols, RPC, and CAN Basics
Goodme Frontend Team
Goodme Frontend Team
Nov 19, 2023 · Frontend Development

How to Securely Add Page and Image Watermarks with Canvas and CSS

This article explains how to protect confidential business documents by implementing page‑level watermarks using canvas and pseudo‑elements, and how to add robust watermarks to images via OSS parameters or client‑side canvas processing, while preventing removal through MutationObserver.

CanvasJavaScriptOSS
0 likes · 16 min read
How to Securely Add Page and Image Watermarks with Canvas and CSS
Goodme Frontend Team
Goodme Frontend Team
Nov 13, 2023 · Frontend Development

Unlocking Webpack’s Power: A Deep Dive into Tapable’s Core Mechanics

This article explains how Webpack’s plugin system relies on the Tapable library, covering its basic usage, the nine built‑in hook types, advanced features like interceptors and HookMap, and the internal code‑generation mechanism that makes Webpack’s event handling both flexible and high‑performance.

HookTapable
0 likes · 18 min read
Unlocking Webpack’s Power: A Deep Dive into Tapable’s Core Mechanics
Goodme Frontend Team
Goodme Frontend Team
Sep 25, 2023 · Frontend Development

How We Built a Drag‑Drop Electronic Menu Builder with SVG & React

This article details the design and implementation of a customizable electronic menu system that evolved from static images to an H5‑based, SVG‑driven, React-powered solution, covering business requirements, technology selection, data binding, rendering, store isolation, and offline stability.

PWASVGfrontend
0 likes · 15 min read
How We Built a Drag‑Drop Electronic Menu Builder with SVG & React
Goodme Frontend Team
Goodme Frontend Team
Sep 18, 2023 · Backend Development

Demystifying RPC: From OSI Layers to Node.js JSON‑RPC Implementation

This article explains the fundamentals of Remote Procedure Call (RPC), explores how data moves across OSI layers, compares HTTP and RPC, and provides a complete Node.js JSON‑RPC example with code, error handling, and real‑world use cases such as Chrome DevTools Protocol.

Chrome DevToolsJSON-RPCProtocol
0 likes · 13 min read
Demystifying RPC: From OSI Layers to Node.js JSON‑RPC Implementation
Goodme Frontend Team
Goodme Frontend Team
Sep 11, 2023 · Frontend Development

Master WebSocket: From Handshake to Real‑Time Data Streams

This article explains WebSocket fundamentals, including its definition, handshake process, data frame structure, binary handling, stream usage, networking details like MTU/MSS, and practical Node.js examples, providing a comprehensive guide for real‑time web communication.

NetworkingProtocolWebSocket
0 likes · 20 min read
Master WebSocket: From Handshake to Real‑Time Data Streams