作品简介

本书是一本围绕前端架构的实施手册,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。前端架构包含以下五部分内容。设计:讲述了架构设计的模式,以及设计和制定前端工作流。基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系。实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构。演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构。本书适合想要成为优秀前端开发工程师(初中级),或致力于构建更易于维护的系统架构的开发人员、技术主管、软件架构师和软件项目经理等。

黄峰达(Phodal),一个“极客”、创作者,喜欢在现实世界和虚拟世界中创造和分享。喜欢分享软件开发经验,以帮助开发人员构建更好的软件系统。撰写了三本关于软件开发的书籍:《前端架构:从入门到微前端》《自己动手设计物联网》和《全栈应用开发:精益实践》。还是七本有关物联网和前端开发书籍的技术审阅者。一位开源爱好者,在GitHub中创建了许多实用的开源软件。工作之余,喜欢重新发明一些“轮子”以获得乐趣。你可以在他的GitHub页面上找到更多的“轮子”。

作品目录

  • 内容简介
  • 前 言
  • 第1章 前端架构
  • 1.1 为什么需要软件架构
  • 1.2 架构的设计
  • 1.3 架构设计原则
  • 1.4 前端架构发展史
  • 1.5 前端架构设计:层次设计
  • 1.6 小结
  • 第2章 项目中的技术架构实施
  • 2.1 技术负责人与架构
  • 2.2 技术准备期:探索技术架构
  • 2.3 业务回补期:应对第一次Deadline
  • 2.4 成长优化期:技术债务与演进
  • 2.5 小结
  • 第3章 架构基础:工作流设计
  • 3.1 代码之旅:基础规范
  • 3.2 代码组织决定应用架构
  • 3.3 统一代码风格,避免架构腐烂
  • 3.4 使用Lint规范代码
  • 3.5 规范化命名,提升可读性
  • 3.6 规范开发工具,提升开发效率
  • 3.7 项目的文档化:README搭建指南
  • 3.8 绘制架构图:减少沟通成本
  • 3.9 可编辑文档库:提升协作性
  • 3.10 记录架构决策:轻量级架构决策记录
  • 3.11 可视化文档:注重代码的可读性
  • 3.12 看板工具:统一管理业务知识
  • 3.13 提交信息:每次代码提交文档化
  • 3.14 通过流程化提高代码质量
  • 3.15 使用工具提升代码质量
  • 3.16 测试策略
  • 3.17 小结
  • 第4章 架构基础:设计构建流
  • 4.1 依赖管理工具
  • 4.2 软件包源管理
  • 4.3 前端代码的打包
  • 4.4 设计构建流
  • 4.5 持续交付问题
  • 4.6 小结
  • 第5章 架构设计:多页面应用
  • 5.1 为什么不需要单页面应用
  • 5.2 简单多页面应用的开发
  • 5.3 复杂多页面应用的开发
  • 5.4 避免散弹式架构
  • 5.5 小结
  • 第6章 架构设计:单页面应用
  • 6.1 前端MV*原理
  • 6.2 前端MVC架构原理
  • 6.3 进阶:设计双向绑定的MVC
  • 6.4 前端框架选型
  • 6.5 启动前端应用
  • 6.6 服务端渲染
  • 6.7 小结
  • 第7章 架构设计:组件化架构
  • 7.1 前端的组件化架构
  • 7.2 基础:风格指南
  • 7.3 重用:模式库
  • 7.4 进阶:设计系统
  • 7.5 跨框架组件化
  • 7.6 小结
  • 第8章 架构设计:前后端分离架构
  • 8.1 前后端分离
  • 8.2 API管理模式:API文档管理方式
  • 8.3 前后端并行开发:Mock Server
  • 8.4 服务于前端的后端:BFF
  • 8.5 小结
  • 第9章 架构设计:微前端架构
  • 9.1 微前端
  • 9.2 微前端的技术拆分方式
  • 9.3 微前端的业务划分方式
  • 9.4 微前端的架构设计
  • 9.5 微前端的架构模式
  • 9.6 微前端的设计理念
  • 9.7 “微”害架构
  • 9.8 小结
  • 第10章 微前端实战
  • 10.1 遗留系统:路由分发
  • 10.2 遗留系统微前端:使用iframe作为容器
  • 10.3 微应用化
  • 10.4 前端微服务化
  • 10.5 组件化微前端:微件化
  • 10.6 面向未来:Web Components
  • 10.7 小结
  • 第11章 架构演进:演进式架构
  • 11.1 更新
  • 11.2 迁移
  • 11.3 重构
  • 11.4 重写
  • 11.5 重新架构
  • 11.6 小结
  • 反侵权盗版声明
展开全部