摘要： 接着上面两篇文章，继续学习微前端，本章主要内容如下： 微应用的样式隔离 首先，为什么需要做样式隔离? 因为微应用的话，是使用html entry加web components来实现的，所以说，这种方式实现的微应用并不具有iframe那种天然的样式隔离特性， 基于前两篇的分析，我们可以看出，我们是将h 阅读全文

摘要： 上文学习了如何渲染微应用，那么这篇文章就记录一下，如果避免渲染之后存在的两个问题 如何解决全局变量污染的问题 微应用卸载后，如何自动卸载掉微应用挂载的全局事件 解决方案 通过模拟沙箱，将微应用的代码环境与基座应用分割开。 首先通过proxy模拟一个全局变量 export default class 阅读全文

摘要： 本文参考microApp的框架的设计，记录一下如何通过web components实现一个微前端框架 主要内容如下： 实现微应用的思路 微应用的渲染过程 微应用的卸载 本文参考: https://github.com/micro-zoe/micro-app/issues/17 实现微应用的思路 刚开 阅读全文

摘要： 在日常开发中，我们经常使用try catch 来捕捉错误，来提升应用程序的健壮性，但是，大部分时候，只是惯性使用，很少静下来去深入理解一下try catch finally，所以本文将对try catch finally 深入的进行讨论，本文主要内容如下： try catch finally 的关系 阅读全文

摘要： 开局不多说，先放两张图 重构前 重构后 起因：项目之前是jeecg boot的一个开源前端模板二开的，我也搞不明白为什么一个体量不大的项目使用这么重的模板，后来问了那个负责的同事，随便找了一个!!! 然后这个模板打包出来的代码很大，刚开始能达到20MB !!!,然后主管安排我来优化，包括后续的开发重 阅读全文

摘要： 微前端实践 本文主要是关于microApp的实践过程记录 本文主要内容如下： 什么是MicroApp? MicroApp的父子通讯方式以及路由介绍 如何部署相关应用? 安装 npm i @micro-zoe/micro-app --save yarn add @micro-zoe/micro-app 阅读全文

摘要： 本文主要记录书中关于TypeScript类型收缩的内容 本文主要内容如下 类型收缩的一些方法 条件判断 抛错误 instanceof 和 in 属性检查 “标签联合”或“可辨识联合” 类型收缩的失效示例 自定义类型保护 总结 类型收缩的方法 条件判断 const el = document.getE 阅读全文

摘要： 本文主要通过一些实际的代码示例，来帮助大家理解什么是类型扩展，本文主要内容如下： 什么是类型扩展 代码示例 总结 什么是类型扩展? TypeScript 需要从你指定的单一值中决定一组可能的值，这个过程成为类型扩展 代码示例 interface Vector { x: number; y: numb 阅读全文

摘要： 一转眼，2021年马上要过去。回顾这一年，真是跌宕起伏，经历了七月的暴雨，十月的疫情封闭...不过，好在结局还算可以，在年末前两个月，我也算是找了一份相对来说还算满意的工作 本文主要针对数据可视化项目做一些总结，希望通过笔者的总结能帮你节省不断查找各种搜索引擎的时间，愿你历经千帆，归来仍是少年。 本 阅读全文

摘要： 《深入浅出Webpack》优化篇 03 今天的主要内容仍然是构建部分的优化，本文主要内容如下： happypack webpack-parallel-uglify-plugin 本文主要介绍如何通过happypack和webpack-parallel-uglify-plugin来提高webpack构 阅读全文