分类:学习笔记

note

vue词云根据值显示不同大小的文字

vue词云根据值显示不同大小的文字
vue数据大屏项目开发中,需要实现词云效果,这里使用的是插件js-tag-cloud,但是这款插件不能根据数值显示不同大小的文字,所以只能进行二次修改了。 修改后的代码 class JsTagCloud { /* 构造函数 */ constructor(containe...

yekong 1个月前 (10-12) 喜欢

Deepbricks api试用对比

Deepbricks api试用对比
最近看到很多关于api的调用,于是使用Deepbricks测试了一下这些api,这里是前端开发,所以在开发时遇到了一个问题,用这个问题分别提问 这里使用了perplexity和Deepbricks api平台下的claude-3.5-sonnet和gpt-4来进行测试发现 结果 ...

yekong 1个月前 (10-10) 喜欢

ae渲染出3d粒子模型效果

ae渲染出3d粒子模型效果
今天我们来通过ae来实现一个3d模型粒子效果的展示。 动态效果 首先准备模型 首先需要准备一个3d粒子模型,模型的格式为obj,这里我使用的是汽车。 准备粒子插件 这里我们使用rg Trapcode的form粒子插件 导入模型 我们将模型拖入到ae中,添加到合成中 新建...

yekong 1个月前 (10-08) 喜欢

ae实现3d发光的旋转底座

ae实现3d发光的旋转底座
数据可视化大屏项目开发过程中,我们需要进行一些装饰效果,比如实现的echarts地图,如果有一个发光的动态底座的话,那就更好了,今天我们来实现这种效果。 最终效果 要实现发光的底座前,我们首先需要实现底座。 创建图层 我们首先创建一个1000*1000的项目 绘制第一个圆 ...

yekong 2个月前 (10-05) 喜欢

ae实现背景图光圈扩散效果

ae实现背景图光圈扩散效果
数据可视化大屏项目开发中,收到的设计图中,背景图是这样一个效果,今天我们来实现一个光圈扩散的效果。 准备 下面是我们准备的背景图 动态效果 导入到ae 将图片拖到ae中 复制素材 ctrl+D复制一份背景图 查找边缘 添加效果,我们给背景图添加一个查找边缘的效果 查找边缘...

yekong 2个月前 (10-02) 喜欢

ae实现给数据大屏小标题添加科技扫光效果

ae实现给数据大屏小标题添加科技扫光效果
ae数据可视化大屏项目开发中,有下面一个小标题背景样式,但是这个小标题看起来有点单调了,所以我们想给其做一个动态的科技扫光效果,让背景动起来。 准备 下面是我们准备的图片素材 动态效果 导入到ae 打开ae将图片拖到ae中 复制素材 ctrl+D复制一份 查找边缘 给复制的...

yekong 2个月前 (09-30) 喜欢

vue3项目中实现甘特图

vue3项目中实现甘特图
数据大屏项目开发中,客户要求其中一个模块要点击后弹窗展示项目进度,使用甘特图来实现,今天我们来实现使用vue3实现甘特图的效果。 插件 "dhtmlx-gantt": "^8.0.10", 实例代码 <template> ...

yekong 2个月前 (09-27) 喜欢

使用gsap给svg图标增加线条动画

使用gsap给svg图标增加线条动画
开发了很多数据大屏了,今天突发奇想有没有办法给这些项目中的图标增加一些动画效果呢?让这些图标活起来,接下来我们来实现效果。 动态效果 动画实现原理 动画实现的主要原理: SVG路径属性: stroke-dasharray:定义路径的虚线模式。 strokeDashoff...

yekong 2个月前 (09-26) 喜欢

vue开发的数据大屏项目如何禁止调试

vue开发的数据大屏项目如何禁止调试
数据大屏项目开发完成上线后,为了尽可能的保护我们的代码不被调试,我们可能会需要禁用浏览器的调试工具,今天我们来推荐一款插件: disable-devtool disable-devtool是一个开源的JavaScript库,通过禁用开发者工具来防止代码被篡改或查看。这个库提供了一...

yekong 2个月前 (09-26) 喜欢