请教前端的system design面试

wbree

请教各位前辈，我下周要面一个中型公司的 system design，职位是 front-end developer.

要求是focus在前端，不用管后端、数据库的设计。

想请问，有哪些角度要考虑到、哪些知识点要准备，谢谢大家

melmonash

帮顶

newSYDer

不考虑后端和数据库，那就是怎么花哨怎么来呗

cloud226

- communication protocol - http1.1, http2, websocket
- REST vs Graphql
- CSR / SSR
- Backend for Frontend server layer
- pull vs push mode

然后具体的functional design， 比如有什么key components, 如何manage state store之类的

悉尼麦迪

cloud226 发表于 2020-8-14 10:40
- communication protocol - http1.1, http2, websocket
- REST vs Graphql
- CSR / SSR

这个还好 只要不让你 后端 aws之类的作图 聊整个框架就还好 不然估计2个小时都不够

悉尼麦迪

microservices, decoupling components

wbree

cloud226 发表于 2020-8-14 10:40
- communication protocol - http1.1, http2, websocket
- REST vs Graphql
- CSR / SSR

好好，谢谢您！特别有帮助

wbree

悉尼麦迪 发表于 2020-8-14 13:16
这个还好 只要不让你 后端 aws之类的作图 聊整个框架就还好 不然估计2个小时都不够 ...

其实要让设计全栈倒好，一个小时要讲的话题比较多，还比较好过。全集中前端，怕问到完全不会的知识点

悉尼麦迪

wbree 发表于 2020-8-14 17:01
其实要让设计全栈倒好，一个小时要讲的话题比较多，还比较好过。全集中前端，怕问到完全不会的知识点 ...

那就像上面的准备吧 其实看你title大部分还好吧 不会往死里问细节 但是围绕着项目经验问吧

cloud226

悉尼麦迪 发表于 2020-8-14 13:16
这个还好 只要不让你 后端 aws之类的作图 聊整个框架就还好 不然估计2个小时都不够 ...

问的是Design 不是implementation details

硅谷的system design也就一小时

chenzy0513

前端考system design？那还真是少见，前端既没有数据库的扩展，也没有架构方面scaling的考虑，搞什么system design啊？

前端如果是react的话，那就是模块化设计，数据驱动，angular的话也类似：components/models/services.

其他的就不了解了。老式的非web的框架还有很多是应用MVC模式的，其实原则都差不多，就是控制，数据与显示模块分离，还有模块代码重用。

wbree

chenzy0513 发表于 2020-8-14 19:13
前端考system design？那还真是少见，前端既没有数据库的扩展，也没有架构方面scaling的考虑，搞什么system ...

我也纳闷呢，我还问公司的recruiter，要讲后端和数据库吗，他说只需要讲后端怎么配合发数据，不要展开讲。考察的是前端的技术。 还要体现decision making的能力。

我还琢磨着这几天看看angular和vue的优缺点，不然人家问我为嘛用react。我都讲不上来。。

chenzy0513

React的话，主要好处应该就是他可以partially更新状态修改影响到的那部分virtual DOM. Angular我印象里是做不到，整个DOM都会re-render，Vue不了解。

react还有好处就是他是个library，可以搭配其他lib, 可用可不用选择自由，不像angular是个整体架构，基本没法换其他的模块。

react的代码还可以搭配react native，做成手机应用，或者其他什么的变成desktop application。说起来还真是好处多多，反正我angular和react都做过一个项目后，就变成了react的死忠

wbree

chenzy0513 发表于 2020-8-14 20:52
React的话，主要好处应该就是他可以partially更新状态修改影响到的那部分virtual DOM. Angular我印象里是做 ...

嗯嗯，您归纳的真好，我顺一遍，说不定到时能用上～～

我只会react。就记得听TAFE老师说过angular tries to control everything

jessieweiyi

前端的话 还有可能考 state management 比如Redux Mobx 还有 Context API
还有怎么管理 CSS 的namespace  该用 css in js 还是 css module

wbree

jessieweiyi 发表于 2020-8-14 21:57
前端的话 还有可能考 state management 比如Redux Mobx 还有 Context API
还有怎么管理 CSS 的namespace   ...

好的好的，谢谢您！！我都复习下