How I Landed Multiple Front‑End Offers: Interview Stories and Preparation Guide

Introduction

In the past month I interviewed for several front‑end positions, received multiple offers, and now share a detailed record to help job seekers.

Simple Introduction

Graduated in 2019 with a computer‑related degree, worked at a third‑tier company as a front‑end developer, and decided to start interviewing again to gauge market level and move south.

I applied to five companies: Ant Financial Experience Tech, Tencent AlloyTeam, Baidu “AiSuDa”, ByteDance/Douyin Pay, and Didi.

Result: offers from Ant, Tencent, Baidu, Didi; second‑round failure at Douyin Pay.

Interview Experiences

Baidu

First round

Difference between webpack chunkHash and contentHash

Experience writing webpack loaders/plugins

Which loader handles images and size limits

How webpack merges CSS into one file

Whether tree‑shaking works for CommonJS and ES6 modules

Implement a template‑string feature

Implement Promise.all (without using Promise)

How to achieve responsive layout

CSS flex properties

Meaning of animation timing values

Rotate and translate an element using a single CSS property

Differences between Less and Sass and when to choose

Usage and scenarios of ES6 Symbol

Usage and scenarios of ES6 Proxy, plus Reflect

Application scenarios of generators

How async/await works

Git reset vs revert and handling multiple MR reverts

How to undo after git add

Differences between HTTP/2 and HTTP/1.1, knowledge of HTTP/3

Differences between TCP and UDP

Resume‑related questions (performance optimization, E2E testing)

Second round

Project introduction

Randomly pick m numbers from n with equal probability

Implement debounce/throttle functions

Design a star‑rating component

Discuss HTTP caching

Difference between call, apply, bind and implement bind

Ant Financial

The interview process includes a pre‑screen via WeChat. Before the first technical round I received two written questions. One was to implement a find function:

Implement find function so that the following code works.

var data = [
  {userId: 8, title: 'title1'},
  {userId: 11, title: 'other'},
  {userId: 15, title: null},
  {userId: 19, title: 'title2'}
];
var find = function(origin) {
  // your code here...
};
var result = find(data).where({'title': /\d$/}).orderBy('userId', 'desc');
console.log(result); // [{userId: 19, title: 'title2'}, {userId: 8, title: 'title1'}];

The second task was to build a pipeline component using React or Vue. The basic data structure is:

interface Pipeline{
  stages: Stage[];
}

interface Stage{
  title: string;
  jobs: Job[];
}

interface Job{
  name: string;
  status: 'success' | 'fail';
  time: number; // timestamp in ms
}

Tencent

First round

Write big‑number addition

Implement a draggable box

Project‑related questions

Explain the full request‑to‑render pipeline

TCP handshake and flood attack

Event loop (including output order question)

SSR implementation and data hydration

Strict mode, iterator usage, quick sort, Node error handling

Second round

Project deep‑dive

Performance optimization and measurement

Why SSR is needed

E2E testing strategy

Node service resource allocation

Third & Fourth rounds covered system design, hybrid communication, mini‑program architecture, collaborative document workflow, offline package, quality‑assurance platform, sorting algorithms, this binding, component library design, TypeScript features, React Fiber, design patterns, and career planning.

ByteDance/Douyin Pay and Didi

Similar question sets; Douyin Pay included array search, binary‑tree reconstruction, version comparison, and cache‑request implementation.

How to Prepare for Front‑End Interviews

The three essential parts are Resume & Project , Front‑End Fundamentals , and Algorithms & Hand‑written Code . Mastering any two usually secures an offer.

Resume & Project

Use PDF format, place personal info up front, keep layout compact, bold key tech stacks, and limit to two pages. Content should cover personal info & education, work experience, project description, and skills & self‑evaluation. Avoid exaggeration; honesty is critical.

Highlight projects with clear impact and relevance to the target company. Participate in performance optimization, quality assurance, build optimization, or operational tooling to enrich your resume.

Front‑End Fundamentals

Study classic books such as “JavaScript: The Good Parts”, “ECMAScript 6”, and official React docs. Review GitHub repositories that collect interview questions.

Algorithms & Hand‑written Code

Practice regularly to maintain “hand‑feel”. Focus on easy and medium problems first, then progress to harder ones. Common coding tasks include debounce/throttle, Promise implementation, bind/apply/call, request caching, template‑string implementation, ES6‑to‑ES5 class conversion, Array.flat, version comparison, etc.

Summary

Interviewing is a self‑assessment process that reveals strengths and gaps. I received three major offers, confirming my work over the past 1.5 years, while also identifying areas for improvement in algorithms and system design. Maintaining confidence and continuous learning remains essential.