首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
大屏适配
订阅
学不会的前端
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
又炫又酷,前端动画研发与实践——以数据大屏为例
动画在前端产品中是很重要的,它能增强用户体验,提升信息传达效果,还能塑造品牌形象。在数据产品中,精心设计的动画,可以直观地呈现复杂数据和信息,突出关键数据变化趋势,给用户深刻印象,提升品牌辨识度
可视化大屏开发,知道这三个适配方案,效率翻倍!
前言 开发过大屏可视化应用的前端工程师们通常会有这样的共识: 在可视化开发过程中,最具有挑战性的并非各种图表的配置与效果展示,而是如何确保大屏在不同尺寸的屏幕上都能实现良好的适配。 原始解决方案 起初
大屏可视化效果实现记录
针对大屏可视化响应式处理、Echarts图表不同形式的展示配置项、动画处理及大屏常见动态模块展示、定时刷新方案等实现记录。
大屏适配方案汇总
1. 适配方案1:rem + font-size 我们都知道,在 css 中 1rem 等于 html 根元素设定的 font-size 的 px 值,通过动态的修改html 根元素的 font-si
Vue开发可视化大屏项目解决方案
在大数据时代,我们经常听到“用数据说话”这句话。但是数据本身只是一个个冰冷的数字,很难直接告诉我们哪些数据是有价值的信息。 只有通过适当的可视化工具来展示和表达数据,才能更直观地向用户传达数据的价值。
数据大屏最简单适配方案
大屏,vue大屏,react大屏,svelte大屏,vue,react,svelte,屏幕适配,使用 scale 做屏幕适配。 vue 组件,react 组件 适配大屏最简单方便的方案
【前端大屏实战1】Vue+Echarts -- 大屏自适应缩放解决方案 => 使用transform:scale => 组件化抽离ScaleBox
【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 => 大屏自适应缩放解决方案 => 使用transform:scale => 组件化抽离ScaleBox=>【两分钟实现大屏自适应】
Vue3.2 + Echarts5 数据大屏 📊📊
概述 📖 1、该数据可视化大屏是基于 Vue3.2、Echarts、TypeScript 开发。采用 `scale` 动态屏幕适配方案,完美解决浏览器放大、缩小而导致的数据大屏变形问题。