利用IntersectionObserver API实现滚动视窗时的元素显示隐藏特效
背景 我的书签项目预览页想添加滚动时视窗内的元素显示,视窗外的元素隐藏的过渡效果,提高页面的吸引力 实现 通过IntersectionObserverj监听每一个模块是否在视窗内,结合Animate.CSS动态的添加和移除class类名 前提:main.js入口文件引入animate.css动画库
背景 我的书签项目预览页想添加滚动时视窗内的元素显示,视窗外的元素隐藏的过渡效果,提高页面的吸引力 实现 通过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/ {
1. 背景 公司的人工智能服务平台(TAP)需要添加新的功能:对数据集创建数据标注任务,标注完成时将文件回传至数据集。 经过一系列调研,最终我们选择了开源的Label U项目,并决定通过iframe接入的方式来使用Label U,然后根据业务需求修改Label U的源码。 2.思路 因为是通过ifr
背景 在一些dialog弹窗提交场景下,有时需要等待提交完成才能继续后面的流程,而且dialog弹窗不能做任何操作,由此需要添加一个覆盖整个dialog弹窗的loading效果,,但是element提供的v-loading指令无法直接作用在dialog上面。 方法一: 自定义一个指令 优点:通用性更
通用 Dracula Theme Official 主题插件 background-cover vscode 背景图片插件 indent-rainbow 代码间距显示增强 Path Intellisense 引用路径提示 Git History 查看git提交记录 GitLens 每行代码的末尾,都
参考资料:https://github.com/sxei/chrome-plugin-demo?tab=readme-ov-file 代码目录 |-manifest.json |-content-script.js |-recognition_styles.css |-popup.html |-po