BestHub
Sign in
Goodme Frontend Team
Author

Goodme Frontend Team

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

106
Articles
0
Likes
318
Views
0
Comments
Recent Articles

Latest from Goodme Frontend Team

100 recent articles max
Goodme Frontend Team
Goodme Frontend Team
Dec 11, 2023 · Frontend Development

How We Built a Self‑Service Form Builder for Non‑Developers Using Formily

Facing frequent interruptions from operations requesting custom forms, we created a self‑service form‑building platform that lets non‑technical staff configure forms visually, using a decoupled iframe editor, postMessage communication, automatic JSON schema generation from TypeScript definitions, and both SchemaReactions and Effects for dynamic logic.

FormilyFrontend ArchitectureVisual Editor
0 likes · 18 min read
How We Built a Self‑Service Form Builder for Non‑Developers Using Formily
Goodme Frontend Team
Goodme Frontend Team
Dec 4, 2023 · Frontend Development

How Design Systems Empower Frontend Teams: Principles, Patterns, and Practices

This article explains what a design system is, how design patterns and shared design language work together, the role of pattern libraries, effective design principles, and a practical case study, offering frontend developers a comprehensive guide to building cohesive, user‑focused interfaces.

Design PatternsDesign SystemFrontend Development
0 likes · 26 min read
How Design Systems Empower Frontend Teams: Principles, Patterns, and Practices
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.

CanvasFrontendJavaScript
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.

FrontendLow‑codePWA
0 likes · 15 min read
How We Built a Drag‑Drop Electronic Menu Builder with SVG & React