single-spa笔记

已于 2022-08-31 17:45:18 修改
阅读量91 收藏
点赞数
分类专栏： 笔记 文章标签： 前端
于 2022-08-31 17:44:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44368698/article/details/126628802
版权
本文档详细介绍了single-spa的配置选项，并结合实例展示了如何在实际项目中应用。从基本配置到路由管理，深入理解SPA（单页应用程序）的构建和维护。同时，通过一篇CSDN博客文章，探讨了SPA在开发过程中的最佳实践。
摘要由CSDN通过智能技术生成

spa-demo
在这里插入图片描述

https://zh-hans.single-spa.js.org/docs/configuration
https://blog.csdn.net/Frank_YLL/article/details/78992778

airicyh
关注
专栏目录
single-spa小实战
chenrongwei92的博客
11-10 1032
1. 全局安装create-single-spa,用于创建新项目和更新由create-single-spa创建的项目，但不适用于将已经存在的代码库迁移至singa-spa。 npm install --global create-single-spa 2. 新建一个用于放single-spa小实战的目录, 如singel-spa-my-test mkdir single-spa-my-test 3. 进入singel-spa-my-test目录, 创建主框架(root-config类型)...
一个经常被忽略的 single-spa 微前端实践
MonsterException的博客
01-14 677
前言 大家好，我是海怪。了解过微前端的同学应该对 single-spa 这个框架都不陌生，但是我翻看了中文整个社区，发现太少文章是讲 single-spa Demo 实践的。 还有一些文章讲了，但是都是以晒代码为主，只讲是什么，不讲为什么。这对读者来说并不是一个很好的体验。那今天就跟大家深入分析一下 single-spa 的 React 版 Demo 吧。让读者知其然，也能知其所然。 简介 其实 single-spa 的官网上就写了非常多的 Demo 示例： 大家只关注 Actively maintain
微前端——single-spa源码学习
qq_41534913的博客
11-21 1478
本来是想直接去学习下qiankun的源码，但是qiankun是基于single-spa做的二次封装，通过解决了single-spa的一些弊端和不足来帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。所以我们应该先对single-spa有一个全面的认识和了解，了解它的不足和缺陷，到时候让我们带着问题去学习qiankun的底层，会有更大的帮助。single-spa中文文档代码库地址，可以打开代码再对照着阅读，更容易理解。
微前端：single-spa是什么
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-30 1166
微前端qiankun原理之single-spa
Vue笔记 （二）SPA单页面应用（优化首屏加载）
努力努力再努力w
07-27 431
https://vue3js.cn/interview/vue/spa.html#%E4%B8%80%E3%80%81%E4%BB%80%E4%B9%88%E6%98%AFspa
[RK3399][Android7.1] 移植笔记 --- 9.7寸eDP显示屏添加
热门推荐
Kris Fei's blog
06-28 1万+
Platform: RK3399 OS: Android 7.1 Kernel: v4.4.83 由于此屏在rk3288平台上使用过，原以为接上去就可以点亮，谁知道花了一天多时间折腾，最后还是发现是自己的大意造成的，ORZ… 原理图： LCD: 背光： EDP屏硬件直接按照上电时序连接好控制，软件无需干预。 EDP_HPD pin可接可不接。 所以要做的就是配...
Vue2-Vue3.0学习笔记（2021年黑马程序员最新视频）
m0_67402588的博客
03-09 1940
Vue 介绍 什么是 vue ？ 构建用户界面 用 vue 往 html 页面中填充数据，非常的方便 框架 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！ 要学习 vue，就是在学习 vue 框架中规定的用法！ vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库 只有把上面老师罗列的内容掌握以后，才有开发 vue 项目的能力！ vue 的两个特性 数据驱动视图： 数据的变化会驱动视图自动更新 好处：程序员只管把数据维护好，那么页面
后端小白的Vue-Router学习笔记
5akura's Blog
06-19 993
文章目录写在前面十、Vue-Router10.1、唠一唠 Web 开发的阶段发展10.2、history、hash10.3、入门案例10.4、入门案例改进10.5、关于 router-link 其他属性10.6、动态路由匹配10.6.1、关于$route10.6.2、响应路由参数的变化10.6.3、捕获所有路由或者 404 路由10.7、嵌套路由10.8、编程式导航10.8.1、关于 router 和$router10.8.2、初体验10.8.3、参数解析10.9、路由命名10.10、命名视图10.10.1
micro-frontends-react-app
05-27
从技术上讲，虽然我们可以实现将此应用程序作为独立应用程序运行，但强烈建议不要使用single-spa方法的应用程序，有关详细信息，请参见此。 要求 节点-v10.22.1 npm-v6.14.6 NPM命令 命令 描述 npm start 运行...
vue-baberrage vue組件使用
qq_44368698的博客
12-21 3983
vue-baberrage vue組件使用 <template> <div class="barrages> <vue-baberrage :isShow="barrageIsShow" :barrageList="barrageList" :maxWordCount="maxWordCount" :throttleGap="throttleGap" :loop="barrageLoop" :b
nodejs 降级，安装低版本
qq_44368698的博客
05-13 2926
nvm command not found 安装nvm 降低node版本
无法将“expo”项识别为 cmdlet、函数、脚本文件
qq_44368698的博客
06-23 2530
expo 沙盒 ios
vscode配置gcc 亲试有用
qq_44368698的博客
09-08 1460
首先按照这个配置，如果安装有问题参考下一个链接 vscode配置gcc攻略 VSCode配置gcc编译工具
完整版 React Native 环境搭建android 亲试有效
qq_44368698的博客
06-18 1184
react native 环境搭建
echarts demo
qq_44368698的博客
04-01 1007
扩展脚本 https://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js echarts：“4.2.1” echarts/map/js/china.js options option = { backgroundColor: 'rgb(128,128,128,0)', geo3D: { map: 'china', roam: true, itemStyl
uniapp-colorui参照
qq_44368698的博客
06-02 504
数字竖向排列
phpstorm 打开网页502网关错误phpstudy配置虚拟主机
qq_44368698的博客
09-10 404
快速安装php composer composer
搭建vue调试环境 亲试有效
qq_44368698的博客
10-28 198
v2.6.14[奋斗] 开启sourcemap在这个目录vue\scripts\config.js 并且要在package.json “dev”: “rollup -w -c scripts/config.js --environment TARGET:web-full-dev --sourcemap”, 配置–sourcemap 最后引入vue文件把vue.min.js改成vue.js https://www.jianshu.com/p/c914ccd498e7 https
写一个类似single-spa的应用
最新发布
03-31
但是我可以为您提供single-spa的应用的基本理解和示例。 Single-spa是一个前端微服务框架，它允许您在同一个页面上使用多个JavaScript框架，例如React、Angular和Vue等。它提供了一个统一的入口点，负责管理不同的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值