微型前端行动

书籍描述

微型前端行动教导您将微服务方法应用于前端。您将从核心微前端设计理念开始。然后,您将构建电子商务应用程序,通过服务器端和客户端构成,路由和维护一致的外观,通过实际问题工作。最后,您将探索团队工作流模式,最大限度地为开发应用程序组件的益处。

目录

  1. 微型前端行动
  2. 版权
  3. 内容
  4. 正面问题
    1. 前言
    2. 致谢
    3. 关于这本书
      1. 谁应该阅读这本书
      2. 本书如何组织:路线图
      3. 关于代码
      4. 在线资源
    4. 关于作者
    5. 关于封面图
  5. 第1部分。微前端入门
  6. 1什么是微型前端?
    1. 1.1大局
      1. 1.1.1系统和团队
      2. 1.1.2前端
      3. 1.1.3前端集成
      4. 1.1.4共享主题
    2. 1.2微型前端解决有哪些问题?
      1. 1.2.1优化功能开发
      2. 1.2.2没有更多的前端巨石
      3. 1.2.3能够保持不断变化
      4. 1.2.4独立的好处
    3. 1.3微前端的缺点
      1. 1.3.1冗余
      2. 1.3.2一致性
      3. 1.3.3异质性
      4. 1.3.4更多前端代码
    4. 1.4微前端何时有意义?
      1. 1.4.1适用于中型大型项目
      2. 1.4.2在网上最佳效果
      3. 1.4.3生产力与开销
      4. 1.4.4微前端不适合
      5. 1.4.5谁使用微型前端?
    5. 概括
  7. 2我的第一个微型前端项目
    1. 2.1介绍拖拉机商店
      1. 2.1.1入门
      2. 2.1.2运行本书的示例代码
    2. 2.2页面过渡通过链接
      1. 2.2.1数据所有权
      2. 团队之间的合同
      3. 2.2.3如何做到
      4. 2.2.4处理改变URL
      5. 2.2.5利益
      6. 2.2.6缺点
      7. 2.2.7链接何时有意义?
    3. 2.3通过iframe组成
      1. 2.3.1如何做到
      2. 2.3.2福利
      3. 2.3.3缺点
      4. 2.3.4 Iframes何时有意义?
    4. 2.4下一个什么?
    5. 概括
  8. 第2.路由,组成和沟通
  9. 3具有Ajax和服务器端路由的组成
    1. 3.1通过Ajax组成
      1. 3.1.1如何做到
      2. 3.1.2命名方式和脚本
      3. 3.1.3 H-包括的声明加载
      4. 3.1.4福利
      5. 3.1.5缺点
      6. 3.1.6 AJAX集成何时有意义?
      7. 3.1.7总结
    2. 3.2通过nginx服务器端路由
      1. 3.2.1如何做到这一点
      2. 3.2.2命名资源
      3. 3.2.3路由配置方法
      4. 3.2.4基础设施所有权
      5. 3.2.5什么时候有意义?
    3. 概括
  10. 4服务器端构成
    1. 4.1通过nginx和服务器端的组成包括(SSI)
      1. 4.1.1如何做到
      2. 4.1.2更好的负载时间
    2. 4.2处理不可靠的碎片
      1. 4.2.1片状片段
      2. 4.2.2集成了近您的碎片
      3. 4.2.3超时和回退
      4. 4.2.4回力内容
    3. 4.3在深度中标记组装性能
      1. 4.3.1平行装载
      2. 4.3.2嵌套碎片
      3. 4.3.3延期装载
      4. 4.3.4第一个字节和流媒体的时间
    4. 4.4快速查看其他解决方案
      1. 4.4.1边缘侧包括
      2. 4.4.2 Zalando裁缝
      3. 4.4.3衰减
      4. 4.4.4哪种解决方案适合我?
    5. 4.5服务器端构成的好与坏
      1. 4.5.1福利
      2. 4.5.2缺点
      3. 4.5.3服务器端集成何时有意义?
    6. 概括
  11. 5客户端构成
    1. 5.1使用Web组件包装微型前端
      1. 5.1.1如何做到
      2. 5.1.2在Web组件中包装框架
    2. 5.2使用阴影DOM的样式隔离
      1. 5.2.1创建影子根
      2. 5.2.2范围风格
      3. 5.2.3何时使用影子DOM
    3. 5.3使用Web组件的良好和坏的组成
      1. 5.3.1福利
      2. 5.3.2缺点
      3. 5.3.3客户端集成何时有意义?
    4. 概括
  12. 6通信模式
    1. 6.1用户界面通信
      1. 6.1.1父母分段
      2. 6.1.2父母的片段
      3. 6.1.3片段到片段
      4. 6.1.4与广播频道API发布/订阅
      5. 6.1.5当UI通信很合适时
    2. 6.2其他沟通机制
      1. 6.2.1全局上下文和身份验证
      2. 6.2.2管理州
      3. 6.2.3前端通信
      4. 6.2.4数据复制
    3. 概括
  13. 7客户端路由和应用程序壳
    1. 7.1 App Shell具有扁平路由
      1. 7.1.1什么是app shell?
      2. 7.1.2应用程序壳的解剖结构
      3. 7.1.3客户端路由
      4. 7.1.4渲染页面
      5. 7.1.5 App Shell和团队之间的合同
    2. 7.2应用程序shell,具有双级路由
      1. 7.2.1实施顶级路由器
      2. 7.2.2实施团队级路由
      3. 7.2.3 URL更改会发生什么?
      4. 7.2.4 App Shell API
    3. 7.3快速查看单个水疗中心框架
      1. 7.3.1单个水疗如何工作
    4. 7.4统一单页应用的挑战
      1. 7.4.1您需要思考的主题
      2. 7.4.2统一单页应用程序有意义吗?
    5. 概括
  14. 8组成和普遍渲染
    1. 8.1组合服务器和客户端构成
      1. 8.1.1 SSI和Web组件
      2. 8.1.2团队之间的合同
      3. 8.1.3其他解决方案
    2. 8.2普遍组成何时有意义?
      1. 8.2.1通用呈现纯服务器端构图
      2. 8.2.2增加复杂性
      3. 8.2.3通用统一单页应用程序?
    3. 概括
  15. 9哪个架构适合我的项目?
    1. 9.1重新审视术语
      1. 9.1.1路由和页面转换
      2. 9.1.2组成技术
      3. 9.1.3高级架构
    2. 9.2比较复杂性
      1. 9.2.1异构架构
    3. 9.3您是否构建了一个网站或应用程序?
      1. 9.3.1文件到应用程序连续体
      2. 9.3.2服务器,客户端或两者
    4. 9.4采摘合适的架构和集成技术
      1. 9.4.1强孤立(遗产,第三方)
      2. 9.4.2快速第一页加载/逐行增强
      3. 9.4.3即时用户反馈
      4. 9.4.4软导航
      5. 9.4.5在一页上的多个微型前端
    5. 概括
  16. 第3部分。如何快速,一致,有效
  17. 10资产装载
    1. 10.1资产参考策略
      1. 10.1.1直接引用
      2. 10.1.2挑战:缓存破坏和独立部署
      3. 10.1.3通过重定向引用(客户端)
      4. 10.1.4通过包含(服务器)引用
      5. 10.1.5挑战:同步标记和资产版本
      6. 10.1.6内林
      7. 10.1.7综合解决方案(量身裁缝,吊床,......)
      8. 10.1.8快速摘要
    2. 10.2束粒度
      1. 10.2.1 http / 2
      2. 10.2.2一体化捆绑
      3. 10.2.3团队捆绑
      4. 10.2.4页面和碎片捆绑包
    3. 10.3按需加载
      1. 10.3.1代理微型前端
      2. 10.3.2懒惰加载CSS
    4. 概括
  18. 11表现是关键
    1. 11.1架构性能
      1. 11.1.1不同的团队,不同的指标
      2. 11.1.2多团队绩效预算
      3. 11.1.3归因于减速
      4. 11.1.4绩效福利
    2. 11.2减少,重复使用...供应商库
      1. 11.2.1自主成本
      2. 11.2.2选择小
      3. 11.2.3一个全球版本
      4. 11.2.4版本化供应商捆绑包
      5. 11.2.5不共享商业代码
    3. 概括
  19. 12用户界面和设计系统
    1. 12.1为什么设计系统?
      1. 12.1.1目的和角色
      2. 12.1.2福利
    2. 12.2中央设计系统与自治团队
      1. 12.2.1我需要自己的设计系统吗?
      2. 12.2.2过程,不是项目
      3. 12.2.3确保持续预算和责任
      4. 12.2.4从团队中获取买入
      5. 12.2.5开发过程:中央与联邦
      6. 12.2.6开发阶段
    3. 12.3运行时与构建时集成
      1. 12.3.1运行时集成
      2. 12.3.2版本后的包
    4. 12.4模式库文物:通用与特定
      1. 12.4.1选择组件格式
      2. 12.4.2会有变化
    5. 12.5中央图案库中的内容?
      1. 12.5.1共享组件的成本
      2. 12.5.2中央或本地?
      3. 12.5.3中央和本地模式图书馆
    6. 概括
  20. 13队和界限
    1. 13.1对齐系统和团队
      1. 13.1.1识别团队界限
      2. 13.1.2团队深度
      3. 13.1.3文化变革
    2. 13.2分享知识
      1. 13.2.1实践社区
      2. 13.2.2学习和启用
      3. 13.2.3呈现您的工作
    3. 13.3交叉切割问题
      1. 13.3.1中央基础设施
      2. 13.3.2专业组件团队
      3. 13.3.3全球协议和公约
    4. 13.4技术多样性
      1. 13.4.1工具箱和默认值
      2. 13.4.2前端蓝图
      3. 13.4.3不要害怕副本
      4. 13.4.4相似性的价值
    5. 概括
  21. 14迁移,本地开发和测试
    1. 14.1迁移
      1. 14.1.1概念证明和建筑灯塔
      2. 14.1.2策略#1:切片
      3. 14.1.3策略#2:首先前端
      4. 14.1.4战略#3:格林菲尔德和大爆炸
    2. 14.2本地发展
      1. 14.2.1不要运行另一个团队代码
      2. 14.2.2嘲笑碎片
      3. 14.2.3分离的碎片
      4. 14.2.4从分期或生产中拉动其他团队的微型前端
    3. 14.3测试
    4. 概括
  22. 指数

产品信息

  • 标题:微型前端行动
  • 作者:迈克尔格雷斯
  • 发布日期:9月2020年
  • 出版商:曼宁出版物
  • ISBN:9781617296871