Fancy Front End Fancy Front End
  • 开始上手
  • 基础
  • 调度器(Scheduler)
  • 更新器(Updater)
  • 渲染器(Render)
  • 更新周期
  • hooks 原理
  • 总结
  • 📙 React源码漂流记
  • 开始上手
  • 基础
  • reactivity
  • runtime-core
  • runtime-dom
  • Awesome Web
  • Awesome NodeJS
话题
  • 导航
  • Q&A
  • 幻灯片
  • 关于
  • 分类
  • 标签
  • 归档
博客 (opens new window)
GitHub (opens new window)

Jonsam NG

让有意义的事变得有意思,让有意思的事变得有意义
  • 开始上手
  • 基础
  • 调度器(Scheduler)
  • 更新器(Updater)
  • 渲染器(Render)
  • 更新周期
  • hooks 原理
  • 总结
  • 📙 React源码漂流记
  • 开始上手
  • 基础
  • reactivity
  • runtime-core
  • runtime-dom
  • Awesome Web
  • Awesome NodeJS
话题
  • 导航
  • Q&A
  • 幻灯片
  • 关于
  • 分类
  • 标签
  • 归档
博客 (opens new window)
GitHub (opens new window)
  • 开始上手
  • Plan 计划
  • typescript-utility

  • single-spa源码

    • 开始阅读
    • app与应用管理

    • lifecycles与生命周期管理

    • navigation与路由管理

      • 本章概要
      • navigation-events 路由监听
      • reroute 根据路由更新应用状态
    • parcel组件

    • 其他

    • single-spa-react

  • qiankun源码

  • webpack

  • axios

  • solid

  • vite源码

  • jquery源码

  • snabbdom

  • am-editor

  • html2canvas

  • express

  • acorn源码

  • immutable.js源码

  • web
  • single-spa源码
  • navigation与路由管理
jonsam
2022-04-18

本章概要

在上一章 lifecycles生命周期管理 的内容中,我们探讨到了 single-spa 的微应用生命周期的管理,包括 bootstrap 初始化应用、mount 和 unmount、load 和 unload、update 更新应用。在这些生命周期中,最重要的就是要执行外界传入的应用的生命周期钩子去完成微应用的行为变化,同时在 s-spa 内部去管理应用和应用的生命周期。

在这一章中,我们将探讨 single-spa 路由管理的原因,这也是微前端中极其重要的一环。从导出看,源码导出了 navigateToUrl 和 triggerAppChange 两个路由相关的 API。本章将以此如突破口进行探讨。

编辑 (opens new window)
上次更新: 2022/09/06, 14:25:16
生命周期:update
navigation-events 路由监听

← 生命周期:update navigation-events 路由监听→

最近更新
01
渲染原理之组件结构与 JSX 编译
09-07
02
计划跟踪
09-06
03
开始上手
09-06
更多文章>
Theme by Vdoing | Copyright © 2022-2022 Fancy Front End | Made by Jonsam by ❤
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式