DrillLab
Coding 题Coding problems

一道一道写One problem at a time

全站 25 道成型的 coding 题都在这儿。题面、需求、参考答案全部引用原来那一节,不是另抄一份。其中 21 道能直接在浏览器里写完并跑测试。All 25 coding problems, pulled from the lessons rather than copied. 21 of them run in the browser.

0 / 25道打过勾ticked done
只有你自己打勾才会加。不做自动判定 —— 测试绿了不等于你不看答案也能写出来。Only your own tick counts. Green tests do not prove you could write it again from scratch.
先读题,别先看答案Read the problem before the answer

每道题的页面默认只有题面 —— 工作区要点一下才开,讲解和答案在门后面。这个顺序是故意的:先自己卡住一会儿,后面看讲解才有用。Each page shows only the problem by default — the workspace opens on a click, and the walkthrough and answer sit behind gates. That order is deliberate: getting stuck for a while first is what makes the walkthrough worth reading.

沙箱有两档。第一遍用带脚手架学会;第二遍点空白重来,实现文件全清空,只留测试 —— 那一遍才算验收。The sandbox has two modes. Learn it the first time with the scaffold; the second time hit Blank slate — every implementation file is emptied and only the tests remain. That pass is the one that counts.

题目Problems

筛出 9 道(共 25 道)。9 of 25 problems.
  1. fetch 取数:loading、error 与竞态Fetching data: loading, error and race conditionsReact困难Hard约 35 分钟~35 min本机跑Run it locally5 条验收标准5 acceptance criteria
  2. 递归评论树 + 树形不可变更新Recursive comment tree, updated without changing the originalReact困难Hard约 35 分钟~35 min浏览器里能跑Runs in the browser8 条验收标准8 acceptance criteria
  3. Kanban 看板:一次改两个数组Kanban board: changing two arrays at onceReact困难Hard约 40 分钟~40 min浏览器里能跑Runs in the browser5 条验收标准5 acceptance criteria
  4. Redux Toolkit 版 TodoTodo with Redux ToolkitReact困难Hard约 40 分钟~40 min浏览器里能跑Runs in the browser6 条验收标准6 acceptance criteria
  5. Cab Booking(Context 版)Cab Booking (Context version)React困难Hard约 45 分钟~45 min浏览器里能跑Runs in the browser12 条验收标准12 acceptance criteria
  6. Notes Manager 增删改(React 考试 Q1)Notes Manager: add, edit and delete (React exam Q1)React困难Hard约 60 分钟~60 min浏览器里能跑Runs in the browser8 条验收标准8 acceptance criteria
  7. 带并发上限的异步任务调度器(Q2)Async task scheduler with a concurrency limit (Q2)JavaScript困难Hard约 45 分钟~45 min浏览器里能跑Runs in the browser6 条验收标准6 acceptance criteria
  8. Orders subgraph:四个 resolver + DataLoaderOrders subgraph: four resolvers and DataLoaderGraphQL困难Hard约 90 分钟~90 min本机跑Run it locally13 条验收标准13 acceptance criteria
  9. 六个 Spring Boot REST 端点Six Spring Boot REST endpointsJava / Spring困难Hard约 75 分钟~75 min本机跑Run it locally11 条验收标准11 acceptance criteria

为什么有的跑不了Why some can't run here

GraphQL subgraph 要真起一个服务,Spring 那道要 JVM 和 Maven —— 浏览器里都办不到。这两道给的是本机命令和期望输出,不给假编辑器。The GraphQL subgraph needs a real server process, and the Spring one needs a JVM and Maven — neither can happen in a browser. Those two hand you local commands and the expected output, not a fake editor.