最近看到很多关于api的调用,于是使用Deepbricks测试了一下这些api,这里是前端开发,所以在开发时遇到了一个问题,用这个问题分别提问 这里使用了perplexity和Deepbricks api平台下的claude-3.5-sonnet和gpt-4来进行测试发现
结果
...
yekong
3个月前 (10-10)
喜欢
今天我们来通过ae来实现一个3d模型粒子效果的展示。
动态效果
首先准备模型
首先需要准备一个3d粒子模型,模型的格式为obj,这里我使用的是汽车。
准备粒子插件
这里我们使用rg Trapcode的form粒子插件
导入模型
我们将模型拖入到ae中,添加到合成中
新建...
yekong
3个月前 (10-08)
喜欢
数据可视化大屏项目开发过程中,我们需要进行一些装饰效果,比如实现的echarts地图,如果有一个发光的动态底座的话,那就更好了,今天我们来实现这种效果。
最终效果
要实现发光的底座前,我们首先需要实现底座。
创建图层
我们首先创建一个1000*1000的项目
绘制第一个圆
...
yekong
3个月前 (10-05)
喜欢
数据可视化大屏项目开发中,收到的设计图中,背景图是这样一个效果,今天我们来实现一个光圈扩散的效果。
准备
下面是我们准备的背景图
动态效果
导入到ae
将图片拖到ae中
复制素材
ctrl+D复制一份背景图
查找边缘
添加效果,我们给背景图添加一个查找边缘的效果
查找边缘...
yekong
3个月前 (10-02)
喜欢
ae数据可视化大屏项目开发中,有下面一个小标题背景样式,但是这个小标题看起来有点单调了,所以我们想给其做一个动态的科技扫光效果,让背景动起来。
准备
下面是我们准备的图片素材
动态效果
导入到ae
打开ae将图片拖到ae中
复制素材
ctrl+D复制一份
查找边缘
给复制的...
yekong
3个月前 (09-30)
喜欢
数据大屏项目开发中,客户要求其中一个模块要点击后弹窗展示项目进度,使用甘特图来实现,今天我们来实现使用vue3实现甘特图的效果。
插件
"dhtmlx-gantt": "^8.0.10",
实例代码
<template>
...
yekong
3个月前 (09-27)
喜欢
开发了很多数据大屏了,今天突发奇想有没有办法给这些项目中的图标增加一些动画效果呢?让这些图标活起来,接下来我们来实现效果。
动态效果
动画实现原理
动画实现的主要原理:
SVG路径属性:
stroke-dasharray:定义路径的虚线模式。
strokeDashoff...
yekong
3个月前 (09-26)
喜欢
数据大屏项目开发完成上线后,为了尽可能的保护我们的代码不被调试,我们可能会需要禁用浏览器的调试工具,今天我们来推荐一款插件:
disable-devtool
disable-devtool是一个开源的JavaScript库,通过禁用开发者工具来防止代码被篡改或查看。这个库提供了一...
yekong
3个月前 (09-26)
喜欢
vscode开发前端项目的时候,我们经常需要查看图片的宽高和图片的大小等基本信息。
默认情况下,我们看不到这些信息,这时候我们就需要一个插件支持了。
当然我们也可以直接打开图片查看图片的宽高信息
Image preview
这里我们可以使用Image preview在不打开图...
yekong
3个月前 (09-25)
喜欢
最近打算使用免费的vscode,不过vscode的字体有点小,为了保护眼睛,需要把字体设置的大一点。
在VSCode中设置字体大小有以下几种方法:
通过设置菜单调整:
打开VSCode设置(可以通过Ctrl + ,快捷键或点击左下角齿轮图标)
在搜索框中输入"f...
yekong
3个月前 (09-24)
喜欢