大屏
27篇文章 · 0订阅
  • threejs——3d大屏完整版2w字超详细讲解
    本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发，效果中规中矩，但是涵盖的知识点比较多，内容详细，也列举了众多开发中遇到的坑，内容比较长，手把手教大家写一个完整
    前端 three.js 数据可视化
    threejs——3d大屏完整版2w字超详细讲解
  • 快速搞定可视化大屏
    由于我最近一直开发大屏，所以累计了一些经验（yuanqi）,在此分享给大家，也方便后续自己复制粘贴... 内容主要是大屏一些可复用的模块，项目技术栈：vite + vue3 + echarts + v
    前端 数据可视化
  • 高效开发大屏可视化项目：公共组件封装指南
    这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目，提供了拖拽布局、大屏适配、图表组件(Echarts)封装以及地图组件等功能的封装。 该项目旨在满足大屏项目中常见的需求
    前端 Vue.js TypeScript
    高效开发大屏可视化项目：公共组件封装指南
  • vue3+echarts实现任务管理器CPU性能图（window版）
    通过vue3+echarts来实现一个CPU性能图（window版），有用得上的老哥们，可以直接拿去使用
    前端 ECharts
  • echarts实现伪3D立体地图+标点涟漪效果
    分享一个基于echarts实现的伪3D地图并实现自定义坐标点和坐标点涟漪效果， 我这里的地图渲染是借助DataV生成的
    ECharts Vue.js 前端
    echarts实现伪3D立体地图+标点涟漪效果
  • SVG动画从入门到实战，提升你的网站表现力
    在 SVG 中，如果我们想实现一个动画效果，可以使用 CSS，JS，或者直接使用 SVG 中自带的 animate 元素（SMIL）。这里我们主要探讨SVG与CSS结合实现的一些常见动画效果。
    SVG CSS 设计
    SVG动画从入门到实战，提升你的网站表现力
  • 梯形进度条
    直接上代码 效果 颜色什么的自己修改，也可以用渐变色。 绘制的地方就不写注释了， 参数啥的可以自行修改。
    Canvas
  • 分享一些大屏可视化也许有用的css技巧
    可视化大屏基本就是数据可视化，主题多为科技感为主。下面分享一些也许对你有用的css效果，都是比较简单的，如果后面有别的还会更新。
    CSS 前端
  • Vue3.2 + Echarts5 数据大屏 📊📊
    概述 📖 1、该数据可视化大屏是基于 Vue3.2、Echarts、TypeScript 开发。采用 `scale` 动态屏幕适配方案，完美解决浏览器放大、缩小而导致的数据大屏变形问题。
    前端
    Vue3.2 + Echarts5 数据大屏 📊📊
  • 你可能需要这样的大屏数字滚动效果
    horizontal-tb：默认值，表示水平排版，从上到下。 vertical-lr：表示垂直排版，从左到右。 vertical-rl：表示垂直排版，从右到左。 至此，我们数字滚动效果已经初步实现了，在下一节中我们将会逐步完善此效果，以满足业务需求。
    CSS