Skip to content

前端系统设计面试-应用

原文：https://www.frontendinterviewhandbook.com/front-end-system-design/applications/

Read front end system design case studies

出色的前端向您展示如何通过前端系统设计指南和案例研究进行前端系统设计面试。今天就开始阅读吧！

例题

  • 社交网络
  • 视频观看网站
  • 聊天应用程序
  • 邮件应用程序

框架

  1. 需求澄清/调整
  2. 体系结构
  3. 数据模型
  4. API 设计
  5. 深潜
    • 用户体验(UX)
    • 表演
    • 可访问性(a11y)
    • 国际化(i18n)
    • 多设备支持
    • 安全性

需求澄清

每次系统设计面试都应该从澄清问题的需求开始，这通常是有意留下的模糊信息。一些注意事项:

  • 系统应该支持哪些设备？桌面网络、移动网络等
  • 用户访问系统的主要设备是什么？
  • 我们应该支持哪些浏览器？
  • 我们需要支持国际化吗？
  • app 需要离线工作吗？

架构

前端面试的架构通常集中在客户端架构，而不是涉及数据库、负载平衡器和服务器的大规模分布式系统。

对于应用程序，常见的架构包括模型-视图-控制器、模型-视图-视图模型、Flux、N 层(其中数据层在客户端)等。

Read front end system design case studies

出色的前端向您展示如何通过前端系统设计指南和案例研究进行前端系统设计面试。今天就开始阅读吧！

数据模型

客户端应用程序状态，它是服务器状态(数据库)和真实客户端状态(非持久化到服务器)的组合。

API 设计

应用程序的 API 设计将参考 HTTP/网络 API 参数和响应的形状。

深潜

在介绍了应用程序的架构基础之后，我们可以深入到应用程序可能需要特别关注的特定领域。请注意，几乎肯定没有足够的时间来涵盖每个领域，并且不是每个领域都与手边的组件非常相关。

表现出对这些领域的了解并能够深入其中是高级开发人员的特征。

  • 用户体验(UX)
  • 表演
  • 可访问性(a11y)
  • 国际化(i18n)
  • 多设备支持
  • 安全性

有帮助的文章

许多公司在博客中讲述了他们在前端领域面临的技术挑战，这些都是了解更多前端系统设计的绝佳内容。

Read front end system design case studies

出色的前端向您展示如何通过前端系统设计指南和案例研究进行前端系统设计面试。今天就开始阅读吧！

回到顶部