BestHub
Sign in
Tencent IMWeb Frontend Team
Author

Tencent IMWeb Frontend Team

IMWeb Frontend Community gathering frontend development enthusiasts. Follow us for refined live courses by top experts, cutting‑edge technical posts, and to sharpen your frontend skills.

500
Articles
0
Likes
814
Views
0
Comments
Recent Articles

Latest from Tencent IMWeb Frontend Team

100 recent articles max
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 23, 2021 · Frontend Development

How to Capture Video Frames in the Browser with FFmpeg and WebAssembly

This article walks through the complete process of extracting video frames on the front end using FFmpeg compiled to WebAssembly, covering background requirements, a comparison of video‑canvas and server‑side approaches, detailed Emscripten setup, FFmpeg compilation, C‑level integration, memory optimizations, and deployment with Webpack.

EmscriptenVideo Frame ExtractionWebAssembly
0 likes · 25 min read
How to Capture Video Frames in the Browser with FFmpeg and WebAssembly
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 15, 2021 · Frontend Development

Why Object.keys() Doesn’t Preserve Insertion Order: A Deep Dive into JavaScript Engine Sorting

This article investigates why JavaScript's Object.keys() may return keys in an unexpected order, explains the specification‑defined sorting rules for integer and string properties, demonstrates the issue with timestamp tags on iOS and Android, and explores the actual implementations in QuickJS and V8 engines.

JavaScriptObject.keysQuickJS
0 likes · 16 min read
Why Object.keys() Doesn’t Preserve Insertion Order: A Deep Dive into JavaScript Engine Sorting
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 9, 2021 · Frontend Development

How Webpack 5 Supercharges Build Speed: Real‑World Data from Penguin Tutor

This article details the practical upgrade from Webpack 4 to Webpack 5 in the Penguin Tutor H5 project, presenting build‑time comparisons, bundle‑size reductions, and in‑depth analysis of new features such as persistent caching, deterministic IDs, removed Node polyfills, enhanced tree‑shaking, and Module Federation, while also sharing common pitfalls and solutions.

CachingModule FederationWebpack
0 likes · 13 min read
How Webpack 5 Supercharges Build Speed: Real‑World Data from Penguin Tutor
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 1, 2021 · Frontend Development

Debug Frontend Projects with Whistle: From Webpack DevServer to Legacy Setups

This guide shows how to integrate the Whistle proxy with frontend projects—whether using webpack devServer, a traditional setup without build tools, or custom plugins—by configuring domain‑based rules, handling CGI mocks, and leveraging exclude filters to enable seamless local debugging via real online URLs.

Frontend DebuggingLocal DevelopmentWebpack
0 likes · 10 min read
Debug Frontend Projects with Whistle: From Webpack DevServer to Legacy Setups
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 23, 2021 · Mobile Development

Mastering WebView & JSBridge: Seamless Native‑Web Communication on Android & iOS

This article explains the fundamentals of WebView as a native container for H5, introduces the JSBridge concept for two‑way JavaScript‑Native messaging, and provides detailed implementation patterns and code samples for Android (JavascriptInterface, URL‑Scheme, WebChromeClient) and iOS (WKWebView, user scripts, message handlers).

AndroidJSBridgeNative-JS Communication
0 likes · 11 min read
Mastering WebView & JSBridge: Seamless Native‑Web Communication on Android & iOS
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 1, 2021 · Frontend Development

Mastering WebRTC: From Camera Capture to Screen Sharing in the Browser

This article explains WebRTC fundamentals, covering camera and microphone basics, frame rate and resolution, tracks and streams, the getUserMedia API with constraints and error handling, device enumeration, MediaRecorder for client‑side recording, and screen sharing via getDisplayMedia, all illustrated with practical JavaScript code examples.

JavaScriptMediaRecorderScreen Sharing
0 likes · 13 min read
Mastering WebRTC: From Camera Capture to Screen Sharing in the Browser
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 13, 2021 · Frontend Development

Full-Stack Front-End Insights: Fred Wu’s Journey and Future Trends

In this interview, Fred Wu, Tencent’s front‑end lead, shares his experiences with full‑stack development, offers advice for aspiring front‑end engineers, discusses his team’s recent full‑stack initiatives, and predicts upcoming trends such as Flutter, low‑code, and 5G‑driven audio‑video advancements.

Web developmentcareer advicefrontend
0 likes · 6 min read
Full-Stack Front-End Insights: Fred Wu’s Journey and Future Trends
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 12, 2021 · Frontend Development

How Low-Code is Changing Frontend Development: Insights from Tencent’s Lqlong

In this interview, Tencent front‑end lead Li Qinglong explains how low‑code platforms boost development efficiency, outlines when they’re advantageous, shares the IMWeb team’s evolution since 2015, and predicts a growing role for low‑code in both tech firms and traditional industries.

development efficiencyfrontend developmentlow-code
0 likes · 6 min read
How Low-Code is Changing Frontend Development: Insights from Tencent’s Lqlong