背景 公司的IAM（Identity and Access Management）系统在生产环境登录过程比较慢，需要定位优化比较耗时的代码，所以引入了Arthas这个第三方工具追踪监控函数执行过程。IAM是通过docker+jenkins自动化部署的，所以需要在构建镜像时将IAM和Arthas打包到

思路 利用浏览器a标签进行下载 实现 // url为文件路径，name为文件名 const downloadFile = async (url, name) => { try { const a = document.createElement('a'); a.setAttrib

背景 TAP项目上传镜像有的镜像有几百G大小，直接上传会导致很多问题，如：浏览器内存不够、网络问题导致中断、nginx连接超时、后端文件缓存导致内存不够等，为此我们需要用到分片上传技术 实现 思路：先对文件切片进行hash计算，利用hash和文件名校验文件是否存在，不存在的模拟线程池并发上传分片 主

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

通过配置vite的assetsInlineLimit打包参数，使小于1kb的图标资源内联为base64编码以避免额外的http请求 通过配置vite的cssCodeSplit打包参数，禁用css代码拆 分，进一步优化加载时间。 // vite配置 build: { cssCodeSpli

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

背景 公司TAP项目出售给不同厂家会用到不同的主题色和logo，如果是每次打包手动修改就太麻烦且容易出错，通过在发版时构建镜像打包时选择主题和logo可以极大的提升效率。 实现 1.修改jenkinsfile文件 添加THEME和LOGO的环境变量选项，logo分别添加了AIPAAS和MINERVA

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

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

参考：https://juejin.cn/post/7083306471697416228 代理路径不带/ location /client_labelu { proxy_pass http://172.21.6.123:31604; } location /client_labelu/ {