摘要： 准备工具: 手机(ios,安卓) 安卓手机可以用网易Mumu模拟器,下载一个移动版钉钉 钉钉开放文档 本地开发的话,可以去钉钉后台管理系统,将你的本地ip地址配置成应用的首页,比如 10.xx.xx.88:3000,然后在钉钉应用内打开这个链接 关于调试: 钉钉后台提供了一个调试的consoles, 阅读全文

摘要： 本文主要展示一下如何给异步组件进行参数传递： 通过 h 函数就可以啦 versions: vue@3.2.13 子组件 Async.vue <template> <div> <span>异步注册组件:</span> <span>Props:{{ message }}</span> </div> </ 阅读全文

摘要： 在日常开发中，我们经常会使用一些字体包来美化我们的网站，然而中文字体包体积确实非常大的，小则 4 - 5 MB，大则 10 MB 以上， 非常的消耗资源，今天就记录下如何优化字体包的大小 解决方案：字蛛 需要注意的是，字蛛只适用于静态的，动态生成的文字是不适用的。 使用步骤： npm install 阅读全文

摘要： 本文主要记录下微前端中父子应用如何通信 microApp中是通过发布订阅来实现事件通信的，先说一下用法， 最好的方式是像普通属性一样通过micro-app元素传递数据。但自定义元素无法支持对象类型的属性，只能传递字符串，例如<micro-app data={x: 1}></micro-app> 会转 阅读全文

摘要： 接着上面两篇文章，继续学习微前端，本章主要内容如下： 微应用的样式隔离 首先，为什么需要做样式隔离? 因为微应用的话，是使用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 阅读全文