失效链接处理 |
前端架构 从入门到微前?PDF 下蝲
本站整理下蝲Q?/strong>
版权归出版社和原作者所有,链接已删除,误买正?/b>
用户下蝲说明Q?/strong>
?sh)子版仅供预览,下蝲?4时内务必删除,支持正版Q喜Ƣ的误买正版书c:(x)
http://product.dangdang.com/27878052.html
相关截图Q?/strong>
![]() 资料介:(x) 《前端架构:(x)从入门到微前端》是一本围l前端架构的实施手册Q从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。本书通过pȝCl前端架构世界的Ҏ(gu)面面Q来帮助前端工程师更好地q行pȝ设计?/span> 前端架构包含以下五部分内宏V?/span> 设计Q讲qC架构设计的模式,以及(qing)设计和制定前端工作流?/span> 基础Q通过深入构徏pȝ、单面应用原理、前端知识体pȝQ来构徏出完整的前端应用架构体系?/span> 实施Q通过与代码结构的方式Q介l如何在企业U应用中实施lg化架构、设计系l和前后端分L构?/span> 微前端:(x)引入6U微前端的概念,以及(qing)如何划分、设计微前端应用Qƈ展示了如何实现这6U微前端架构?/span> 演进Q提出更新、迁UR重构、重写、重新架构等架构演进方式Q来帮助开发h员更好地设计演进式架构?/span> 《前端架构:(x)从入门到微前端》适合惌成ؓ(f)优秀前端开发工E师Q初中Q,或致力于构徏更易于维护的pȝ架构的开发h员、技术主、Y件架构师和Y仉目经理等?/span> 资料目录Q?/strong> W?? 前端架构 1 1.1 Z么需要Y件架? 2 1.1.1 什么是软g架构 2 1.1.2 开发h员需要怎样的Y件架? 3 1.2 架构的设? 4 1.2.1 攉架构需? 5 1.2.2 架构模式 10 1.2.3 架构设计Ҏ(gu) 11 1.2.4 生成架构产出? 15 1.3 架构设计原则 16 1.3.1 不多也不? 16 1.3.2 演进? 17 1.3.3 持箋? 19 1.4 前端架构发展? 20 1.5 前端架构设计Q层ơ设? 21 1.5.1 pȝ内架? 22 1.5.2 应用U架? 23 1.5.3 模块U架? 24 1.5.4 代码U:(x)规范与原? 25 1.6 结 25 W?? 目中的技术架构实? 27 2.1 技术负责h与架? 28 2.2 技术准备期Q探索技术架? 30 2.2.1 架构设计 30 2.2.2 概念验证Q架构的原型证明 30 2.2.3 q代0Q搭建完整环? 31 2.2.4 CZ目代码Q体现规范与原则 32 2.3 业务回补期:(x)应对W一ơDeadline 33 2.3.1 q补业务 33 2.3.2 试Q实跉|试策? 34 2.3.3 上线准备 35 2.3.4 W一ơ部|Ԍ(x)验证部v架构 35 2.3.5 提升团队能力 36 2.4 成长优化期:(x)技术债务与演q? 39 2.4.1 偿还技术债务 40 2.4.2 优化开发体? 41 2.4.3 带来技术挑? 41 2.4.4 架构完善?qing)演q? 42 2.5 结 43 W?? 架构基础Q工作流设计 44 3.1 代码之旅Q基规范 45 3.2 代码l织军_应用架构 47 3.3 l一代码风格Q避免架构腐? 49 3.4 使用Lint规范代码 50 3.5 规范化命名,提升可读? 51 3.5.1 命名? 51 3.5.2 CSS?qing)其预处理器命名规? 52 3.5.3 lg命名规则 53 3.6 规范开发工P提升开发效? 54 3.7 目的文档化QREADME搭徏指南 55 3.8 l制架构图:(x)减少沟通成? 56 3.8.1 代码生成 56 3.8.2 专业工具 57 3.8.3 软g附带工具 57 3.8.4 在线工具 58 3.9 可编辑文库Q提升协作? 59 3.10 记录架构决策Q轻量架构决策记录 59 3.11 可视化文档:(x)注重代码的可L? 60 3.12 看板工具Q统一理业务知识 62 3.13 提交信息Q每ơ代码提交文化 63 3.13.1 目方式 63 3.13.2 开源项目方? 64 3.13.3 Ҏ(gu)不同文档方式 65 3.14 通过程化提高代码质? 66 3.14.1 代码预处? 67 3.14.2 手动(g)视代? 69 3.15 使用工具提升代码质量 70 3.15.1 代码扫描工具 70 3.15.2 IDE 快速重? 71 3.16 试{略 72 3.16.1 单元试 73 3.16.2 lg试 75 3.16.3 契约/接口试 76 3.17 结 77 W?? 架构基础Q设计构建流 78 4.1 依赖理工具 81 4.2 软g包源理 83 4.3 前端代码的打? 88 4.4 设计构徏? 89 4.5 持箋交付问题 99 4.6 结 105 W?? 架构设计Q多面应用 107 5.1 Z么不需要单面应用 108 5.1.1 构徏成本 108 5.1.2 学习(fn)成本 109 5.1.3 后台渲染成本 110 5.1.4 应用架构的复杂? 111 5.2 单多面应用的开? 112 5.2.1 选择UI库及(qing)框架 113 5.2.2 jQuery和Bootstrap仍然好用 113 5.2.3 不用框Ӟ(x)You Don’t Need xxx 114 5.3 复杂多页面应用的开? 115 5.3.1 模板与模板引擎原? 115 5.3.2 Z字符串的模板引擎设计 116 5.3.3 ZJavaScript的模板引擎设? 117 5.3.4 双向l定原理?qing)实? 120 5.3.5 前端路由原理?qing)实? 124 5.3.6 两种路由cd 124 5.3.7 自造Hash路由理? 125 5.4 避免散弹式架? 127 5.4.1 散弹式架构应? 127 5.4.2 如何降低散弹性架构的出现频率 128 5.5 结 130 W?? 架构设计Q单面应用 131 6.1 前端MV*原理 132 6.2 前端MVC架构原理 133 6.3 q阶Q设计双向绑定的MVC 135 6.4 前端框架选型 138 6.4.1 选型考虑因素 139 6.4.2 框架cdQ大而全q是而美 140 6.4.3 框架QReact 142 6.4.4 框架QAngular 143 6.4.5 框架QVue 145 6.4.6 选型ȝ 146 6.5 启动前端应用 146 6.5.1 创徏应用脚手? 147 6.5.2 构徏lg? 148 6.5.3 考虑览器的支持范围 150 6.6 服务端渲? 155 6.6.1 非JavaScript语言的同构渲? 155 6.6.2 ZJavaScript语言的同构渲? 157 6.6.3 预渲? 158 6.7 结 159 W?? 架构设计Q组件化架构 161 7.1 前端的组件化架构 161 7.2 基础Q风格指? 163 7.2.1 原则与模? 163 7.2.2 色彩 165 7.2.3 文字排印 167 7.2.4 布局 168 7.2.5 lg 173 7.2.6 文?qing)其? 174 7.2.7 l护风格指南 174 7.3 重用Q模式库 175 7.3.1 lg? 176 7.3.2 lgcd 178 7.3.3 隔离Q二ơ封? 183 7.4 q阶Q设计系l? 184 7.4.1 讄原则Q创建模? 186 7.4.2 原子设计 188 7.4.3 l护与文? 191 7.5 跨框架组件化 192 7.5.1 框架间互相调用:(x)Web Components 192 7.5.2 跨^台模式库 193 7.6 结 194 W?? 架构设计Q前后端分离架构 195 8.1 前后端分? 196 8.1.1 Z么选择前后端分? 196 8.1.2 前后端分ȝ开发模? 197 8.1.3 前后端分ȝAPI设计 198 8.2 API理模式QAPI文理方式 202 8.3 前后端ƈ行开发:(x)Mock Server 205 8.3.1 什么是Mock Server 205 8.3.2 三种cdMock Server的比? 207 8.3.3 Mock Server的测试:(x)契约试 212 8.3.4 前后端ƈ行开发ȝ 217 8.4 服务于前端的后端QBFF 218 8.4.1 Z么用BFF 218 8.4.2 前后端如何实现BFF 221 8.4.3 使用GraphQL作ؓ(f)BFF 223 8.5 结 228 W?? 架构设计Q微前端架构 229 9.1 微前? 230 9.1.1 微前端架? 230 9.1.2 Z么需要微前端 232 9.2 微前端的技术拆分方? 234 9.2.1 路由分发? 235 9.2.2 前端微服务化 236 9.2.3 l合式集成:(x)微应用化 237 9.2.4 微g? 238 9.2.5 前端容器Qiframe 239 9.2.6 l合Web Components构徏 240 9.3 微前端的业务划分方式 241 9.3.1 按照业务拆分 242 9.3.2 按照权限拆分 243 9.3.3 按照变更的频率拆? 243 9.3.4 按照l织l构拆分 244 9.3.5 跟随后端微服务拆? 244 9.3.6 DDD与事仉? 245 9.4 微前端的架构设计 245 9.4.1 构徏基础设施 246 9.4.2 提取lg与模式库 246 9.4.3 应用通信机制 247 9.4.4 数据理 248 9.4.5 专用的构建系l? 249 9.5 微前端的架构模式 249 9.5.1 基模式 250 9.5.2 自组l模? 251 9.6 微前端的设计理念 252 9.6.1 中心化:(x)应用注册? 252 9.6.2 标识化应? 253 9.6.3 生命周期 253 9.6.4 高内聚,低耦合 254 9.7 “?rdquo;x? 254 9.7.1 微架? 256 9.7.2 架构的演q? 256 9.7.3 微架构带来的问题 257 9.7.4 解决方式Q可拆分式微架构 259 9.8 结 259 W?0? 微前端实? 261 10.1 遗留pȝQ\由分? 262 10.1.1 路由分发式微前端 263 10.1.2 路由分发的测? 264 10.2 遗留pȝ微前端:(x)使用iframe作ؓ(f)容器 266 10.3 微应用化 266 10.3.1 微应用化 267 10.3.2 架构实施 269 10.3.3 试{略 271 10.4 前端微服务化 272 10.4.1 微服务化设计Ҏ(gu) 273 10.4.2 通用型前端微服务化:(x)Single-SPA 276 10.4.3 定制型前端微服务化:(x)Mooa 279 10.4.4 前端微服务化ȝ 283 10.5 lg化微前端Q微件化 283 10.5.1 q行时编译微件化Q动态组件渲? 284 10.5.2 预编译微件化 287 10.6 面向未来QWeb Components 288 10.6.1 Web Components 289 10.6.2 UWeb Components方式 291 10.6.3 l合Web Components方式 293 10.7 结 295 W?1? 架构演进Q演q式架构 297 11.1 更新 298 11.1.1 依赖和框架版本升U? 299 11.1.2 语言版本升 300 11.1.3 遗留pȝ重搭 300 11.2 q移 301 11.2.1 架构q移的模? 302 11.2.2 q移方式Q微前端 303 11.2.3 q移方式Q寻扑֮? 303 11.3 重构 304 11.3.1 架构重构 304 11.3.2 lg提取、函数提取、样式提? 305 11.3.3 引入新技? 306 11.4 重写 307 11.4.1 重写能解决问题吗 308 11.4.2 梳理业务 309 11.4.3 沉淀(wn)新架? 310 11.5 重新架构 311 11.5.1 重搭架构 311 11.5.2 增量改写 312 11.6 结 313 |