微前端架构与qiankun实现指南 本文介绍了微前端架构的概念及其实现方案。微前端是一种将大型前端应用拆分为独立开发部署的小型应用的架构模式，具有技术栈无关、独立开发部署、增量升级等优势。文章详细对比了微前端与iframe的差异，包括上下文隔离、通信方式、性能开销等9个维度，并分析了各自的优缺点。 重点讲解了如何使用qiankun框架实现微前端，包含主应用和微应用的配置步骤。主应用负责注册微应用、

/在quill中使用toolbar: {// 方法中使用},// 样式/* 自定义toobar样式设计 *//* 工作汇报弹窗 */

element-plus组件库的样式因为的样式不满足当前的的需求，UI图，所以对进行增加了引导线修改样式如下，增加引导线，并且实现增删，输入框1、在vue3中组件里面template模板引入el-tree组件，需要设置:indent=“0”，不然每层树padding-left呈18px的倍数增加indet：设置每层叔padding-left为0data：绑定的展示数据props：配置选项，里面配置

有一个需求后端把系统日志传给前端，传出得格式为没有空格换行得。格式代码，需要全端格式化展示在界面。

UniApp 在 APP 端使用 WebSocket 进行实时通信时

使用宝塔面板部署node项目、数据库及Vue项目

通义千问是由阿里云自主研发的大语言模型，用于理解和分析的自然语言。

使用宝塔面板部署node项目、数据库及Vue项目

在unipp中我们直接只用代替audio，使用更加方便，更加简洁，uniapp内部创建并返回内部 audio 上下文对象。

下载插件（最新版本的swiper可能会出现未知bug，所以这里使用5.4.5）安装swiper和vue-awesome-swiper一定要对应上版本，否则引入，或者语法会出报错，每一个swiper版本都有对应的vue-awesome-swiper版本，如果不安装指定版本，那么就会引入最新版，例如swiper会下载最新版9，但是在国内没有swiper9的文档，那么我们就需要在网上查语法，容易出现错误