Includes algorithm and frontend questions, about 120 minutes. 2-3 algorithm problems (LeetCode medium) plus JS output questions, CSS layout challenges, etc.
← Back to home
Tencent Frontend Engineer Interview Guide 2026
Tencent's frontend interview is renowned for its emphasis on hand-written code and deep framework knowledge. The interview covers JavaScript core mechanisms, CSS layout, framework internals, and performance optimization, with particular attention to Mini Program and cross-platform experience. This guide covers the full process and top questions.
Interview Process
Question Type Distribution
| Type | Weight | Description |
|---|---|---|
| JavaScript/CSS Fundamentals & Live Coding | ~35% | The core of Tencent's frontend interview. Frequent live-coding problems: Promise, debounce/throttle, deep clone, EventEmitter, currying. CSS covers BFC, stacking contexts, Flex/Grid. |
| Framework Internals (Vue/React) | ~25% | Not just knowing the API — understanding the internals. Vue reactivity system (Proxy/defineProperty), Virtual DOM diff algorithms, React Fiber architecture, and Hooks implementation. |
| Performance Optimization & Engineering | ~20% | First-paint optimization (SSR, Code Splitting, lazy loading), Webpack/Vite build optimization, frontend monitoring systems. Values practical, implementable engineering solutions. |
| Project Experience & Scenario Design | ~20% | Deep dives into your past projects. May present business scenarios for on-the-spot frontend design. Mini Program and cross-platform experience is a bonus. |
Top 10 Questions with Hints
Promise.all must handle empty arrays and non-Promise values (wrap with Promise.resolve). Promise.race: once settled, ignore subsequent results. Analyze edge cases and error handling.
Macrotasks (setTimeout, setInterval, I/O) vs microtasks (Promise.then, MutationObserver). After each macrotask, drain the microtask queue. Be able to trace complex nested execution order.
Vue 2's defineProperty can't detect property addition/deletion or array index changes; Vue 3's Proxy can. Explain reactive/ref implementation, dependency tracking (track), and update triggering (trigger).
Debounce: wait delay after the last trigger; Throttle: at most one execution per interval. Note leading/trailing options, this binding, and cancel functionality.
Webpack: dependency graph → Loader transforms → Plugin processing → Bundle output. Vite: Dev uses native ESM + esbuild, Build uses Rollup. Optimization: Tree-shaking, code splitting, caching strategies.
BFC trigger conditions and applications (clearing floats, preventing margin collapse). Stacking context formation rules and z-index comparison. Flex main/cross axes, flex-grow/shrink/basis.
Mini Program dual-thread model (render thread + logic thread), communication mechanism. Compare cross-platform solutions: Taro, uni-app, React Native. Discuss performance differences and use cases.
SSR/SSG, route-level lazy loading, resource hints (preload/prefetch), image optimization (WebP/lazy loading), CDN deployment, critical CSS inlining. Provide quantifiable optimization metrics.
Recursive traversal + WeakMap to track cloned objects for circular references. Handle special types: Date, RegExp, Map, Set. Discuss structuredClone pros and cons.
Error monitoring (JS exceptions/unhandled Promises/resource loading failures), performance monitoring (FCP/LCP/CLS), behavior tracking (PV/clicks/routing). Discuss reporting strategies (batching/sampling) and SDK size control.
Common Mistakes to Avoid
Weak Live Coding Skills
Tencent frontend interviews include live coding in nearly every round. Classic problems like Promise, debounce/throttle, and deep clone must be written quickly and correctly. Just knowing the concept without practice won't pass.
Using Frameworks Without Understanding Internals
'I've built projects with Vue' doesn't equal understanding Vue. Interviewers will probe reactivity internals, Virtual DOM diff, and compiler optimizations. Read core source code or mini implementations to deepen understanding.
Neglecting CSS and Browser Rendering Fundamentals
Many candidates only prepare JS and ignore CSS. Tencent tests BFC, stacking contexts, reflow/repaint, and compositing layers. You should be able to explain the browser rendering pipeline (Parse → Style → Layout → Paint → Composite).
Ignoring Mini Program and Cross-Platform Tech
Tencent is the parent company of WeChat Mini Programs. Even if you're not interviewing for WXG, understanding the Mini Program architecture (dual-thread model, communication mechanism) and cross-platform solutions is a plus.
How to Prepare with Offer.cc
Download & launch
Download Offer.cc desktop app for macOS or Windows. Launch it before your interview and keep it running in the background.
Screenshot questions in real time
During the interview, press Cmd/Ctrl+Enter to screenshot questions. AI generates an answer path in seconds.
Handle follow-ups live
When follow-ups come up, keep using live listening and screenshot capture to get the next answer direction.
FAQ
Start Preparing for Your Next Interview
Pay by minute and use what you need. Get ready for your next interview.
This guide is based on publicly available interview experiences and information. Interview processes may change. Results are not guaranteed. All trademarks belong to their respective owners.