前端技术选型

语言的选择

主要考虑是用 JavaScript 还是 Typscript，相比之下Typscript有以下优势：

• 明确的数据类型标注，让程序更容易理解
• 限定数据类型，让代码执行效率更高
• 强大的类型检查，大大降低了出错概率
• 作为 JavaScript 的超集，具有非常好的包容性

SPA 和 MPA 的选择

SPA

Single-page Application 单页面应用

默认情况下，Vue React 都是 SPA

特点

• 功能较多，一个页面展示不完
• 以操作为主，非展示为主
• 适合一个综合 Web 应用

缺点

• 所有 js 整合在一起，初次加载时 JS 较大，比较慢。

场景

• 大型后台管理系统，如阿里云的控制台
• 知识库，如语雀、石墨文档
• 比较复杂的 WebApp，如外卖 H5

MPA

Multi-page Application 多页面应用

特点

• 功能较少，一个页面展示的完
• 以展示为主，操作较少
• 适合一个孤立的页面

优势

• 每个页面只加载自己的 js ，与 SPA 相比小得多，比较快。

场景

• 分享页，如腾讯文档分享出去
• 新闻详情页，如新闻 App 的详情页，微信公众号发布的页面

框架的选择

框架间没有绝对的高低，根据开发成员技术栈和个人喜好选择即可。

React

代码风格：函数性组件——组件只是一个返回特定界面的函数。
数据更新：采用 immutable 更新的方式，需要调用特定的 useState hook 的来调用来更新界面。
代码重用：使用给定的 hooks 抽象成一系列的函数，在组件内部使用函数调用的方式来重用逻辑。

Vue3

代码风格：单文件组件——将模版、逻辑和样式融合到一个自创的 vue 文件中。
数据更新：响应式数据，直接修改数据，就可以更新界面
代码重用：新推出了组合式API（composition api），组件内部使用函数调用的方式来重用逻辑

语言和框架确定后，其他的内容选择与其配套的即可。