分类:学习笔记

note

vue项目巧用gui工具快速调试效果

vue项目巧用gui工具快速调试效果
数据可视化大屏项目开发中,ui设计师做了一个下面的效果,文字是下面的3d倾斜效果,因为这些文字是要根据实际情况实时变化的,我们需要通过代码来达到这种文字效果。通过css修改一点调效果的话,显然是太慢了。文字3d倾斜调试。 我们需要一个快速达到预期效果的功能,这里我们知道通过tr...

yekong 3个月前 (09-07) 喜欢

vue高德地图实现轨迹回放

vue高德地图实现轨迹回放
数据可视化大屏项目开发中,有一个需求是实现汽车的轨迹回放效果,今天我们实现这个功能 动态效果 功能介绍 主要包含以下功能: 车辆选择 地图展示 路线绘制 车辆动画 车辆信息展示 核心实现 1. 初始化地图 initMap() { if (this.map) { ...

yekong 3个月前 (09-03) 喜欢

css实现渐变色文字添加阴影

css实现渐变色文字添加阴影
数据可视化大屏项目开发中,会遇到ui设计图中文字是渐变色加阴影的效果。 ui设计图效果如下 css实现 我们通过蓝湖生成的css生成出来的样式效果,这和我们的预期差别太大了。 这里我们可以使用伪类来实现我们想要的效果 使用伪元素 通过使用伪元素 ::before 或 ::af...

yekong 3个月前 (09-01) 喜欢

使用ai辅助生成koa后端接口

使用ai辅助生成koa后端接口
最近做数据可视化大屏项目过程中,客户需要后端功能,于是想着可不可以通过ai辅助我来实现后端api接口的开发呢? 今天我们来实现一个分类接口的增删改查功能的实现 ai辅助生成代码 描述越详细生成的代码也越符合我们的需要比如生成一个党员管理的增删改查接口 lin-cms-koa 党员...

yekong 3个月前 (08-27) 喜欢

threejs项目中为什么要加载环境贴图

threejs项目中为什么要加载环境贴图
threejs项目开发过程中,发现模型在加载了环境贴图后和没有加载环境贴图模型有明显的差异。所有查询了一下环境贴图在项目中起了什么作用。 未加载环境贴图hdr前 加载环境贴图hdr后 加载HDR (High Dynamic Range) 图像并将其设置为场景环境贴图主要有以下...

yekong 3个月前 (08-24) 喜欢

vue 实现vr全景看房并添加标注

vue 实现vr全景看房并添加标注
项目开发中,我们会遇到各种需求,今天我们的需求是实现全景看房,并给房间里对应的场景物品添加标注。 准备素材 我们需要准备各个房间的全景图,为渲染做准备 动态效果 移动端兼容 移动端测试可以正常浏览 配置房间信息 我们通过 roomList来配置房间, image为房间全景图,...

yekong 3个月前 (08-23) 喜欢

vue项目中使用openweathermap获取天气

vue项目中使用openweathermap获取天气
数据可视化大屏项目开发中,需要显示天气,客户提供的是openweathermap平台的key,查询天气时需要使用到key 经纬度,这里将请求方式记录下来。 <!-- WeatherForecast.vue --> <template> <div...

yekong 3个月前 (08-22) 喜欢

百度地图使用自定义地图json文件渲染地图

百度地图使用自定义地图json文件渲染地图
数据可视化大屏项目开发中,需要使用两种主题切换地图样式的效果,所以使用百度地图,然后监听主题,切换主题样式,这里是使用的主题色id然后通过styleId来切换,但是在交付的时候遇到问题,开发时使用的是自己的百度账号生成的主题色,切换为客户的地图id后主题色id失效了。所以这里我们...

yekong 3个月前 (08-22) 喜欢

koa实现excel数据导入导出功能

koa实现excel数据导入导出功能
数据可视化大屏项目中,后台管理数据往往需要导入导出的功能以供快速操作数据,今天我们以后端koa来实现导入导出的功能。 接收文件 app.js文件内,我们需要配置一下,文件接收 import koaBody from 'koa-body'; function applyBodyP...

yekong 3个月前 (08-21) 喜欢