获得完整访问权限
新成为赞助商 ->
获得完整访问权限
推荐

前端系统设计手册

前端系统设计面试的唯一指南
健壮的框架
10+ 已解决的问题
深入了解实际应用
系统设计面试通常是为中级到高级职位保留的，侧重于您设计复杂、可扩展和可维护系统的能力。 很少有专门针对前端系统设计的资源，我们制作了前端系统设计指南——这是最全面的可用资源。

技巧和指南

  • 前端系统设计：简介学习有用的技术以及如何处理顶尖前端系统设计问题。由前 FAANG 面试官撰写。
  • 前端系统设计问题的类型您可以在前端系统设计面试中期望的问题格式。
  • RADIO 框架以结构化的方式进行前端系统设计面试。一个好的结构是成功的一半。
  • 前端系统设计面试的评估标准面试官在前端系统设计面试中寻找的特定行为和信号。
  • 前端系统设计面试中要避免的常见错误了解候选人在前端系统设计面试中常犯的错误以及如何避免这些错误。
  • 前端系统设计面试备忘单总结前端系统设计面试中您应该注意的最重要的事情。

练习题

题目列表

  • 动态消息（例如 Facebook）设计一个类似于 Facebook 和 Twitter 的动态消息用户界面
    主题
    可访问性性能
  • 自动补全设计一个在 Google 和 Facebook 搜索中看到的自动补全组件
    主题
    可访问性UI 组件
  • 投票小部件高级设计一个可以嵌入网站的投票小部件
    主题
    UI 组件
  • 旅行预订（例如 Airbnb）高级设计一个类似 Airbnb 和 Expedia 的旅行预订网站
    主题
    性能搜索引擎优化
  • 照片分享（例如 Instagram）高级设计一个类似 Instagram 的照片分享应用程序
    主题
    可访问性网络性能
  • 下拉菜单高级设计一个下拉菜单组件，该组件显示包含操作列表的菜单
    主题
    可访问性UI 组件
  • 图片轮播高级设计一个水平滚动的图片轮播组件
    主题
    可访问性性能UI 组件
  • 模态对话框高级设计一个模态/对话框组件，该组件显示一个覆盖页面内容的窗口
    主题
    可访问性UI 组件
  • 电子邮件客户端（例如 Microsoft Outlook）高级设计一个类似 Microsoft Outlook 和 Apple Mail 的桌面电子邮件客户端
  • 电子商务市场（例如亚马逊）高级设计一个像亚马逊和eBay这样的电子商务市场网站
    主题
    搜索引擎优化
  • Pinterest高级设计 Pinterest 主页，重点关注瀑布流布局
    主题
    可访问性网络性能
  • 聊天应用（例如 Messenger）高级设计一个类似 Messenger 和 Slack 的聊天应用程序
    主题
    网络
  • 图表工具（例如 Lucidchart）高级即将推出设计一个类似 Lucidchart 的设计工具
  • 音乐流媒体（例如 Spotify）高级即将推出设计一个像 Spotify 和 Pandora 这样的音乐流媒体网站
    主题
    网络
  • 视频会议（例如 Zoom）高级即将推出设计一个类似 Zoom 和 Google Meet 的视频会议应用程序
    主题
    网络性能
  • 富文本编辑器高级设计一个像 Medium 和 Gmail 这样的网站上使用的富文本编辑器组件
    主题
    性能UI 组件
  • Google Docs高级设计一个类似 Google Docs 和 Notion 的协作编辑器
    主题
    网络
  • Google Sheets高级即将推出设计一个类似 Google Sheet 和 Excel 的协作电子表格
  • 视频流（例如 Netflix）高级设计一个类似 Netflix 和 YouTube 的视频流应用程序
    主题
    网络性能