沉末_

微前端是最近一个很火的话题，前端就跟谈恋爱一样，真的是“合久必分，分久必合”。微前端不是炫技，而是一个解决方案。 举个例子，公司内部有很多的系统，比如说人力系统、财务系统、工时管理、项目管理、论坛等等，当公司有新人入职时，短时间内他要记住全部的地址比较难。 如果地址不太多，存浏…

忘了在哪里看到的这个题目，觉得挺有意思，来说下我的答案及思考过程。 首先，我们要知道的是，图片一般有两种传输方式：base64 和 file 对象。 base64 的本质是字符串，而 GET 请求的参数在 url 里面，所以直接把图的 base64 数据放到 url 里面，就可…

所以只好重新整理下，纪录一些踩过的坑和调研，希望能对大家有所帮助。本文内容基于 qiankun 的 2.x 版本。 有一些问题是自己发现并解决的，有一些是在 qiankun 的仓库 issue 区看到的。对于这些问题，我尽可能的讲清楚产生原因及解决思路和方法。 内联 js 的内…

1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的内容部分，不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来，但是万一别人不是 v…

掘金经常在沸点搞一些抽奖活动，身为中奖绝缘体的我每次都是当分母，我一度怀疑是抽奖算法“有问题”，review了它的抽奖算法之后，我决定给他做一次“改良”。 它的抽奖算法有两个版本，核心都是JS随机数。 我们都知道掘金的用户名是不会重复的，所以可以用用户名来抽奖：获取所有参与用户…

有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用…

这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口main.js及其依赖则打包成了app.js和app.css，公共依赖都…

上一篇文章：从0实现一个single-spa的前端微服务（中）中我们已经实现了single-spa + systemJS的前端微服务以及完善的开发和打包配置，今天主要讲一下这个方案存在的细节问题，以及qiankun框架的一些研究对比。 single-spa的三个生命周期函数bo…

上一篇文章：从0实现一个前端微服务（上）中讲到，single-spa的原理就是，将子项目中的link/script标签和<div id="app"></div>插入到主项目，而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件，我…