共计 1191 个字符，预计需要花费 3 分钟才能阅读完成。
最后，前端是没有架构的，因为性能简略的代码毫无架构可言。通过一个简略的 jQuery 库操作 DOM 就能实现的工作，无需简单的设计模式和代码管理机制，也就不须要架构来反对起利用。
前端开发的倒退历史分为以下几个阶段：
- 古典时代：由后端渲染出前端 HTML，用 Table 布局，用 CSS 进行简略的辅助
- 动效时代：前端开始编写一些简略的 JavaScript 脚本来做动画成果，如轮播广告
- Ajax 异步通信时代：2005 年，Google 在诸多 Web 利用中应用了异步通信技术如 Google 地图，开启了 Web 前端的一个新时代
一旦前端利用须要从后端获取数据，就意味着前端利用在运行时是动静地渲染内容的，这便是 Model（模型）UI 层解耦。jQuery 可能提供 DOM 操作方法和模型引擎等。这时的开发人员须要做上面两件事：
- 动静生成 HTML。由后端返回前端所须要的 HTML，再动静替换页面的 DOM 页面。晚期的典型架构如 jQuery Mobile，当时在前端写好模板与渲染逻辑，用户的行为触发后盾并返回对应的数据来渲染文件
- 模板拆散。由后端用 API 返回前端所须要的 JSON 数据，再由前端来计算生成这些 HTML。前端的模板再应用 HTML，而是应用诸如 Mustache 这样的模板引擎来渲染 HTML
因为 HTML 的动静生成、模板的独立与拆散，前端利用开始变得复杂。后端的 MVC 架构进一步影响了前端开发，便诞生了一系列操起的 MVC 框架，如 Backbone、Knockout 等。与此同时，在 Ryan Lienhart Dahl 等人开发了 Node.js 之后，前端的软件性能便一直地改善：
- 更好的构建工具。诞生了诸如 Grant 和 Gulp 等构建工具
- 包治理。产生了用于前端的包管理工具 Bower 和 Npm
- 模块治理。也呈现了 AMD、Common.js 等不同的模块治理计划
随着单页面利用的风行，前后端拆散框架也成为行业内的规范实际。由此，前端进入了一个新的时代，要思考的内容也越来越多：
- API 治理，采纳了诸如 Swagger 的 API 管理工具，各式的 Mock Server 也成为规范实际。
- 大前端，由前端来开发跨平台挪动利用框架，采纳诸如 Ionic、React Native、Flutter 等框架。
- 组件化，前端利用从此由一个个细小的组件联合而成，而不再是一个大的页面组件。
零碎变得越来越简单，架构在前端的作用也变得越来越重要。MVC 满足不了开发人员的需要，于是采纳了组件化架构。而组件化 + MV 也无奈应答大型的前端利用，微前端便又呈现在咱们的背后，它解决了以下问题：
- 跨框架。在一个页面上运行，能够同时应用多个前端框架。
- 利用拆分。将一个简单的利用拆解为多个渺小的利用，相似于微服务。
- 遗留零碎迁徙。让旧的前端框架，能够间接嵌入现有的利用运行。
简单的前端利用倒退了这么久，也呈现了一系列须要演进的利用：思考重写、迁徙、重构，等等。
本文由博客一文多发平台 OpenWrite 公布！
正文完