引言前一段时间,正好在做微前端的接入和微前端管理平台的相关事项。而我们当前使用的微前端框架则是qiankun,他是这样介绍自己的:qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。所以本文基于single-spa源码,来介绍single-spa当前使用版本5.9.4启动在官方demo中,要运行此框架需要做的是有这四步:准备好子应用的文件,需要抛出一些生命周期函数一个子应用app1的加载函数(可以是import异步加载,也可以是ajax/fetch加载)注册子应用启动程序app1.js:exportfunctionbootst
引言前一段时间,正好在做微前端的接入和微前端管理平台的相关事项。而我们当前使用的微前端框架则是qiankun,他是这样介绍自己的:qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。所以本文基于single-spa源码,来介绍single-spa当前使用版本5.9.4启动在官方demo中,要运行此框架需要做的是有这四步:准备好子应用的文件,需要抛出一些生命周期函数一个子应用app1的加载函数(可以是import异步加载,也可以是ajax/fetch加载)注册子应用启动程序app1.js:exportfunctionbootst
一、什么是首屏加载首屏时间（FirstContentfulPaint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容，首屏加载可以说是用户体验中最重要的环节二、加载慢的原因在页面渲染的过程，导致加载速度慢的因素可能如下：网络延时问题资源文件体积是否过大资源是否重复发送请求去加载加载脚本的时候，渲染内容堵塞三、解决方案常见的几种SPA首屏优化方式减小入口文件积静态资源本地缓存UI框架按需加载图片资源的压缩组件重复打包开启GZip压缩 减小入口文件体积常用的手段是路由懒加载，把不同路由对应的组件分割成不同的代码块，待
一、什么是首屏加载首屏时间（FirstContentfulPaint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容，首屏加载可以说是用户体验中最重要的环节二、加载慢的原因在页面渲染的过程，导致加载速度慢的因素可能如下：网络延时问题资源文件体积是否过大资源是否重复发送请求去加载加载脚本的时候，渲染内容堵塞三、解决方案常见的几种SPA首屏优化方式减小入口文件积静态资源本地缓存UI框架按需加载图片资源的压缩组件重复打包开启GZip压缩 减小入口文件体积常用的手段是路由懒加载，把不同路由对应的组件分割成不同的代码块，待
微前端微前端，前端这次词就不用多做解释了，这个概念的重点在于这个“微”字，从字面意义上看，微是小的意思，小是相对于大的一个用于比较的形容词，所以通常是在项目庞大的情况下，才会考虑将它变小，去考虑将它拆分成若干个小项目。这就是做微前端所要达到的主要目标，将庞大的项目拆分成多个独立运行、独立部署和独立开发的小项目，使得项目利于维护和更新，然后在运行时，作为一个整体来呈现。项目过于庞大的可能存在一系列问题，比如构建速度慢、应用加载慢、定位问题麻烦、项目可维护性差等等。早期过往的案例中，通常会使用iframe作为微前端的一种解决方案，但iframe有一些明显的缺点，比如浏览器的前进后退，由于ifram
微前端微前端，前端这次词就不用多做解释了，这个概念的重点在于这个“微”字，从字面意义上看，微是小的意思，小是相对于大的一个用于比较的形容词，所以通常是在项目庞大的情况下，才会考虑将它变小，去考虑将它拆分成若干个小项目。这就是做微前端所要达到的主要目标，将庞大的项目拆分成多个独立运行、独立部署和独立开发的小项目，使得项目利于维护和更新，然后在运行时，作为一个整体来呈现。项目过于庞大的可能存在一系列问题，比如构建速度慢、应用加载慢、定位问题麻烦、项目可维护性差等等。早期过往的案例中，通常会使用iframe作为微前端的一种解决方案，但iframe有一些明显的缺点，比如浏览器的前进后退，由于ifram
一、题目大意标签:查找https://leetcode.cn/problems/single-element-in-a-sorted-array给你一个仅由整数组成的有序数组，其中每个元素都会出现两次，唯有一个数只会出现一次。请你找出并返回只出现一次的那个数。你设计的解决方案必须满足O(logn)时间复杂度和O(1)空间复杂度。示例1:输入:nums=[1,1,2,3,3,4,4,8,8]输出:2示例2:输入:nums=[3,3,7,7,10,11,11]输出:10提示:10二、解题思路题目中是有序数组，每个元素出现2次，假设数组索引i是偶数，如果nums[i]==nums[i+1]，说明那个
一、题目大意标签:查找https://leetcode.cn/problems/single-element-in-a-sorted-array给你一个仅由整数组成的有序数组，其中每个元素都会出现两次，唯有一个数只会出现一次。请你找出并返回只出现一次的那个数。你设计的解决方案必须满足O(logn)时间复杂度和O(1)空间复杂度。示例1:输入:nums=[1,1,2,3,3,4,4,8,8]输出:2示例2:输入:nums=[3,3,7,7,10,11,11]输出:10提示:10二、解题思路题目中是有序数组，每个元素出现2次，假设数组索引i是偶数，如果nums[i]==nums[i+1]，说明那个
SourceImplementanalgorithmtodeleteanodeinthemiddleofasinglylinkedlist,givenonlyaccesstothatnode.ExampleGiven1->2->3->4,andnode3.return1->2->4题解根据给定的节点并删除这个节点。弄清楚题意很重要，我首先以为是删除链表的中间节点。一般来说删除单向链表中的一个节点需要首先知道节点的前一个节点，改变其指向的下一个节点并删除就可以了。但是从这道题来看无法知道欲删除节点的前一个节点，那么也就是意味着无法改变前一个节点指向的下一个节点，强行删除当前节点将导致非法内存访问
SourceImplementanalgorithmtodeleteanodeinthemiddleofasinglylinkedlist,givenonlyaccesstothatnode.ExampleGiven1->2->3->4,andnode3.return1->2->4题解根据给定的节点并删除这个节点。弄清楚题意很重要，我首先以为是删除链表的中间节点。一般来说删除单向链表中的一个节点需要首先知道节点的前一个节点，改变其指向的下一个节点并删除就可以了。但是从这道题来看无法知道欲删除节点的前一个节点，那么也就是意味着无法改变前一个节点指向的下一个节点，强行删除当前节点将导致非法内存访问
