Frontend Practice

Master frontend interview questions with our interactive coding platform. Practice JavaScript, React, and algorithms.

Frontend Practice

001-two-sum. Two Sum

002-debounce. 防抖函数 (Debounce)

003-throttle. 节流函数 (Throttle)

004-deep-clone. 深拷贝 (Deep Clone)

005-array-flatten. 数组扁平化 (Array Flatten)

006-curry. 柯里化 (Curry)

007-promise-all. Promise.all 实现 (Promise.all Implementation)

008-pub-sub. 发布订阅模式 (Pub/Sub Pattern)

009-array-deduplication. 数组去重 (Array Deduplication)

010-call-apply-bind. 手写 call/apply/bind (Implement call/apply/bind)

011-three-sum. 三数之和 (3Sum)

012-longest-substring. 最长无重复子串 (Longest Substring Without Repeating Characters)

013-reverse-list. 反转链表 (Reverse Linked List)

014-binary-tree-traversal. 二叉树遍历 (Binary Tree Traversal)

015-implement-hooks. 实现 React Hooks (Implement React Hooks)

016-virtual-dom-diff. 虚拟 DOM Diff (Virtual DOM Diff)

017-router-implementation. 路由实现 (Router Implementation)

018-css-layout. CSS 布局题 (CSS Layout)

019-event-delegation. 事件委托 (Event Delegation)

020-lazy-load. 懒加载实现 (Lazy Load)

021-instanceof. 实现 instanceof (Implement instanceof)

022-new-operator. 实现 new 操作符 (Implement new operator)

023-array-methods. 数组常用方法实现 (Implement Array Methods)

024-es6-features. ES6+ 新特性 (ES6+ Features)

025-event-loop. 事件循环机制 (Event Loop)

026-async-await. async/await 原理 (Async/Await Principle)

027-promise. 手写 Promise (Implement Promise)

028-proxy-vs-defineproperty. Proxy vs Object.defineProperty

029-module-system. 模块化方案对比 (Module Systems)

030-this-binding. this 指向问题 (this Binding)

031-quick-sort. 快速排序 (Quick Sort)

032-merge-sort. 归并排序 (Merge Sort)

033-binary-search. 二分查找 (Binary Search)

034-fibonacci. 斐波那契数列 (Fibonacci)

035-climbing-stairs. 爬楼梯问题 (Climbing Stairs)

036-longest-common-subsequence. 最长公共子序列 (LCS)

037-knapsack-problem. 背包问题 (Knapsack Problem)

038-graph-traversal. 图的 DFS/BFS (Graph Traversal)

039-heap-sort. 堆排序 (Heap Sort)

040-valid-parentheses. 有效的括号 (Valid Parentheses)

041-react-lifecycle. React 生命周期 (React Lifecycle)

042-use-state-effect. useState/useEffect 原理 (useState/useEffect Principle)

043-use-memo-callback. useMemo/useCallback 区别 (useMemo/useCallback)

044-react-event-mechanism. React 事件机制 (React Event Mechanism)

045-fiber-architecture. Fiber 架构 (Fiber Architecture)

046-context-api. Context API

047-react-performance. React 性能优化 (React Performance)

048-react-18-features. React 18 新特性 (React 18 Features)

049-custom-hooks. 自定义 Hooks (Custom Hooks)

050-react-router-principle. React Router 原理 (React Router Principle)

051-vue-reactivity. Vue 响应式原理 (Vue Reactivity)

052-vue-lifecycle. Vue 生命周期 (Vue Lifecycle)

053-vue-computed-watch. computed vs watch

054-vue3-vs-vue2. Vue 3 vs Vue 2 区别

055-vue-component-communication. Vue 组件通信 (Vue Component Communication)

056-vuex-pinia. Vuex/Pinia 原理

057-vue-virtual-dom. Vue 虚拟 DOM (Vue Virtual DOM)

058-vue-router-principle. Vue Router 原理 (Vue Router Principle)

059-keep-alive-principle. keep-alive 原理

060-vue-performance. Vue 性能优化 (Vue Performance)

061-box-model. 盒模型 (Box Model)

062-bfc-ifc. BFC / IFC

063-centering. 垂直居中方案 (Vertical Centering)

064-css-specificity. CSS 选择器优先级 (Specificity)

065-css-animation. CSS 动画 (CSS Animation)

066-responsive-design. 响应式设计 (Responsive Design)

067-css-preprocessor. CSS 预处理器 (Sass/Less)

068-html5-features. HTML5 新特性

069-semantic-html. 语义化标签 (Semantic HTML)

070-canvas-svg. Canvas vs SVG

071-browser-rendering. 浏览器渲染流程 (Browser Rendering)

072-reflow-repaint. 重排 vs 重绘 (Reflow vs Repaint)

073-reflow-optimization. 回流与重绘优化 (Optimization)

074-browser-storage. 浏览器存储 (Browser Storage)

075-indexed-db. IndexedDB

076-service-worker. Service Worker

077-web-worker. Web Worker

078-cors. 跨域解决方案 (CORS)

079-security. 安全问题 (XSS / CSRF)