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
Jun 3, 2024 · Frontend Development

Mastering the New HTML Popover API: From Basics to Advanced Animations

This article introduces the HTML Popover API, explains its built‑in features, shows how to create simple popovers without JavaScript, demonstrates imperative control, nesting, and CSS‑based animations, and provides compatibility checks and practical code examples for modern web development.

CSS AnimationsHTMLPopover API
0 likes · 11 min read
Mastering the New HTML Popover API: From Basics to Advanced Animations
Goodme Frontend Team
Goodme Frontend Team
May 27, 2024 · Frontend Development

How to Build a VSCode Extension that Visualizes All Project Colors

This article walks through the complete process of creating a VSCode extension that scans the workspace for color values, visualizes them in a grid, supports Hex and RGB formats, and provides quick copy and refresh features using WebView panels and TypeScript.

ExtensionWebViewcolor visualization
0 likes · 26 min read
How to Build a VSCode Extension that Visualizes All Project Colors
Goodme Frontend Team
Goodme Frontend Team
May 24, 2024 · Frontend Development

Explore Cutting‑Edge Frontend & Backend Tools: React Compiler, Deno JSX, Image Loading Hacks

This curated roundup highlights recent technical resources—including React Compiler, Deno's JSX migration, Node v22.2.0, image loading optimizations, short‑URL generation, hooks ref handling, HTTP proxy solutions, and notification system design—to keep developers up‑to‑date with modern web development practices.

HTTP proxyNode.jsNotification System
0 likes · 5 min read
Explore Cutting‑Edge Frontend & Backend Tools: React Compiler, Deno JSX, Image Loading Hacks
Goodme Frontend Team
Goodme Frontend Team
May 13, 2024 · Frontend Development

How to Speed Up Frontend Build Times with Native Pre‑Compilation and Caching

By leveraging native code tools like esbuild, caching strategies, and a custom pre‑compilation workflow that fakes Webpack's DllPlugin output, this article shows how Mars framework teams dramatically cut compilation times—up to 40% faster—while handling module resolution, resource handling, and cross‑platform challenges.

Webpackbuild optimizationesbuild
0 likes · 14 min read
How to Speed Up Frontend Build Times with Native Pre‑Compilation and Caching
Goodme Frontend Team
Goodme Frontend Team
May 8, 2024 · Frontend Development

2024 Frontend & Tech Highlights: Node.js 22, React 19, Blockchain, AIGC Low‑Code

This curated newsletter presents the latest releases of Node.js, React, and React Native, highlights a blockchain career transition story, summarizes AIGC‑powered low‑code development, systematic data‑governance modeling, import‑statement optimization, techniques for showcasing technical depth, and design proposal guidance for the VUCA era.

AIblockchaindata governance
0 likes · 6 min read
2024 Frontend & Tech Highlights: Node.js 22, React 19, Blockchain, AIGC Low‑Code
Goodme Frontend Team
Goodme Frontend Team
May 6, 2024 · Frontend Development

npm vs Yarn vs pnpm: Which JavaScript Package Manager Wins in Speed and Space?

This article traces the evolution of JavaScript package managers—from early manual inclusion methods to npm, Yarn, and pnpm—detailing their architectures, performance characteristics, version‑locking mechanisms, and trade‑offs, helping developers choose the most suitable tool for modern frontend projects.

Node.jsPackage ManagerYaRN
0 likes · 12 min read
npm vs Yarn vs pnpm: Which JavaScript Package Manager Wins in Speed and Space?
Goodme Frontend Team
Goodme Frontend Team
Apr 15, 2024 · Frontend Development

Integrating AntV F2 Charts into DingTalk Mini‑Programs with Taro+React

This guide walks through selecting a suitable visualization library for DingTalk mini‑programs, explains why AntV F2 is optimal, and provides step‑by‑step instructions for integrating F2 4.x into a Taro + React project, covering canvas context handling, pixel‑ratio scaling, custom tooltips, and common pitfalls.

DingTalkMiniProgramReAct
0 likes · 17 min read
Integrating AntV F2 Charts into DingTalk Mini‑Programs with Taro+React