JeecgBoot Vue3前端项目性能优化按需加载方案

JeecgBoot vue3前端项目在 3.5.5 版本之前,的确存在很严重的性能问题,大家可以参考以下文档进行升级。

按需加载改造方法

  • 1、全局注册地方去掉
  • 2、组件改成异步注册
  • 3、用不到的大组件可以删掉 【精简项目方案】

大组件

  • 1、富文本 tinyme
  • 2、Markdown
  • 3、CodeMirror
  • 4、地图数据 src/components/Form/src/utils/Area.ts
  • 5、JVxeTable表格
  • 6、仪表盘
  • 7、地图数据 china-area-data
  • 8、antd资源按需加载
  • 9、popup

组件分析: https://note.youdao.com/s/YKUzG66H

jeecgboot 3.5.5 性能优化方案

如何你是jeecgboot 3.5.5 之前的VUE3版本,可以参考我们已做过的优化进行改造

  • 1、按需加载改造
  • 2、UnoCSS替代windicss
  • 3、升级vite4
  • 4、build打包拆分

PR提交

  • 首屏缩短至10秒多&打包时间缩短至一半,升级vite4和vue3.3
  • 打包优化默认index太大,自定义拆包策略
  • UnoCSS替代windicss,Windi CSS导致vite变慢
  • 生产环境字典慢的问题

vite编译提速

  • 1、关闭mock
  • 2、删除online单元测试
  • 3、删除甘特图
  • 4、tinymce code组件,精简配置
  • 5、行编辑不全局注册
  • 6、处理::v-deep

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/512416.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

09. Nginx进阶-Rewrite

简介 什么是rewrite? rewrite即URL重写,主要实现URL地址重写,以及重定向。 就是把插入web的请求重定向到其他URL的过程。 rewrite使用场景 URL地址调整 例如用户访问wang.mingqu.com将其跳转到ming.mingqu.com。 或者当用户通过http的方…

抢先看!Salesforce新职业Admineloper适合你吗?

每个Salesforce管理员在思考自己的职业生涯时,可能都会想到:下一步是往架构师,或者开发,还是咨询的方向发展。无论哪种职业规划,都需要培养新的技能。 由于角色职责、团队、客户需求等的变化,许多管理员在…

OSPF故障排查,这10大技巧是个网工都在用!

中午好,我的网工朋友。 OSPF这个名词网工们都不陌生吧。 OSPF,即开放式最短路径优先(Open Shortest Path First,OSPF)是广泛使用的一种动态路由协议。 它属于链路状态路由协议,具有路由变化收敛速度快、…

光纤激光焊接机:现代焊接工艺的变革引领者

随着科技的不断进步,传统焊接工艺正经历着一场革命性的变革。在这场变革中,光纤激光焊接机凭借其独特的技术优势,正逐渐崭露头角,成为现代焊接工艺的革新者。 光纤激光焊接机是一种采用激光束作为热源,通过聚焦镜将激光…

现代信号处理学习笔记(三)信号检测

通过观测数据判断信号是否存在,这一问题称为信号检测。 目录 前言 一、统计假设检验 1、信号检测的基本概念 2、信号检测理论测度 比率测度 概率测度 3、决策理论空间 二、概率密度函数与误差函数 1、概率密度函数 2、误差函数与补余误差函数 三、检测概…

容器云平台巡检实战:运维进阶技巧与策略

1 docker容器日常巡检 通过以下方式进行检查: 1.1 docker/podman ps查看容器状态 Docker/podman ps -a 查看容器状态STATUS: Exited(0):表示容器正常退出 Exited(其他数字):容器异常退出,需要通过log 查看原因 Up…

7款炫酷的前端动画特效分享(三)(附效果图及在线演示)

分享7款好玩的前端动画特效 其中有CSS动画、SVG动画、js小游戏等等 下方效果图可能不是特别的生动 那么你可以点击在线预览进行查看相应的动画特效 同时也是可以下载该资源的 CSS3模仿四季交替动画 基于HTML5CSS3实现的卡通风格一年四季交替动画特效 以下效果图只能体现框架的…

redis09 集群(cluster)

思维草图 为什么要使用集群 单台redis内存容量的限制单台redis并发写量太大有性能瓶颈 redis集群认识 redis集群是对redis的水平扩容,即启动N个redis节点,将整个数据分布存储在这个N个节点中,每个节点存储总数据的1/N。 如下图&#xff1…

Chain-of-thought prompting(链式思考提示)

1.大模型“涌现”的思维链 最近 AI 大厂的开发人员和高校的 NLP 研究人员,都在琢磨,怎么让大模型“涌现”。 所谓“涌现”,在大模型领域指的是当模型突破某个规模时,性能显著提升,表现出让人惊艳、意想不到的能力。比如…

vue点击按钮同时下载多个文件

点击下载按钮根据需要的id调接口拿到返回需要下载的文件 再看返回的数据结构 数组中一个对象,就是一个文件,多个对象就是多个文件 下载函数 // 下载tableDownload(row) {getuploadInventoryDownload({ sysBatch: row.sysBatch, fileName: row.fileName…

针对conan install下载source失败问题解决

ps:下面操作是Linux系统,针对win操作系统也适合 问题现象 在运行conan install时,本地没有对应的库的缓存,conan会自动从conan center下载,可能会出现以下情况,重试多次,仍然是报错。 libssh2/1.11.0: C…

[项目设计] 从零实现的高并发内存池(三)

🌈 博客个人主页:Chris在Coding 🎥 本文所属专栏:[高并发内存池] ❤️ 前置学习专栏:[Linux学习] ⏰ 我们仍在旅途 ​ 目录 4.CentralCache实现 4.1 CentralCache整体架构 4.2 围绕Span的相关设计…