vue使用defineAsyncComponent优化组件加载

背景 如下图中间tab页每个页面内容都很多,加载很慢,想要加载过程中添加占位内容增强用户体验 流程 父组件渲染 ↓ 触发异步组件加载(执行 loader) ↓ ↓------------------ 如果加载时间 > delay(默认 200ms)------------------↓ ↓


利用IntersectionObserver API实现滚动视窗时的元素显示隐藏特效

背景 我的书签项目预览页想添加滚动时视窗内的元素显示,视窗外的元素隐藏的过渡效果,提高页面的吸引力 实现 通过IntersectionObserverj监听每一个模块是否在视窗内,结合Animate.CSS动态的添加和移除class类名 前提:main.js入口文件引入animate.css动画库


芋道低代码笔记(二)—— 前端模板修改

本篇记录前端表格和表单模板的基础修改使用 以下为文件目录,前后端模板都是放在resources目录下,基于velocity模板编写 以下为vue3对应的所有模板,此处主要修改index.vue(表格页)、form.vue(添加修改表单页)、api.ts(接口调用配置文件),由于实际修改代码为云桌面环


芋道低代码笔记(一)—— 大致流程梳理

1.背景 公司项目大多都是管理系统,表格表单页面比较多,由于前端人手不够,公司打算利用低代码生成代码的方式提高平常前后端在表单这一块开发的效率。 以下为调研时的构思设计 ![](/upload/表单页面自动生成-owif.jpg) 2.技术选型 因为公司所有项目的前端都是用的vue3编写的,并且公司


ifram嵌入Label U

1. 背景 公司的人工智能服务平台(TAP)需要添加新的功能:对数据集创建数据标注任务,标注完成时将文件回传至数据集。 经过一系列调研,最终我们选择了开源的Label U项目,并决定通过iframe接入的方式来使用Label U,然后根据业务需求修改Label U的源码。 2.思路 因为是通过ifr


Elment Plus dialog组件添加整体loading效果

背景 在一些dialog弹窗提交场景下,有时需要等待提交完成才能继续后面的流程,而且dialog弹窗不能做任何操作,由此需要添加一个覆盖整个dialog弹窗的loading效果,,但是element提供的v-loading指令无法直接作用在dialog上面。 方法一: 自定义一个指令 优点:通用性更


基于vue3的cron表达式生成组件

背景 公司的AI Pass平台需要使得训练任务能够定时地去跑,或者周期地去执行一个训练任务。 依赖 vue: 3.3.7 element-plus: 2.4.2 实现 参考no-vue3-cron