首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
大屏
订阅
csdn来挖墙脚
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
从零开发一款可视化大屏制作平台
几个月前开源的H5页面制作平台H5-Dooring 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring. 接下来笔者就来带大家一起看看我们的方案设计和技术实现. 在介绍之前, 我们先看看实现的效果展示. 目前很多企业或多或少的…
页面缩放之zoom和transform:scale的比较
之前在做一个活动的管理后台,有一个功能需要在修改活动编辑时,左侧有一个缩小的预览图进行相对应的同步,右侧的面板是可以自由拉升的,也就是长度不固定。 如图所示。 第一个想到的方案,就是用css3的transform:scale来进行实现。比如左右两侧都渲染相同页面,将左侧预览图的…
基于等比缩放的大屏自适应方案
前端的数据可视化越来越重要,炫酷大屏的需求越来越多,您是否经常为屏幕不能自适应而烦恼?如何能让大屏在多种终端都呈现完美效果呢?也许本文可以给您带来帮助。 当屏幕宽高比例小于设计稿时,按设计稿比例沿水平
一次搞懂数据大屏适配方案 (vw vh、rem、scale)
当接到可视化大屏需求时,你是否会有以下疑问:如何做一款定制化的数据大屏? 开发可视化数据大屏如何做自适应? vm vh、rem、scale 到底哪种比较好? 时间不够,有没有偷懒的方法?
【前端大屏实战1】Vue+Echarts -- 大屏自适应缩放解决方案 => 使用transform:scale => 组件化抽离ScaleBox
【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 => 大屏自适应缩放解决方案 => 使用transform:scale => 组件化抽离ScaleBox=>【两分钟实现大屏自适应】
终于搞懂了 Iframe (跨窗口通信)
工作场景中经常会用到 iframe 嵌套页面,决定彻底学习以下相关的知识。涉及到同源、iframe、iframe之间的通信等知识
vue 可视化大屏适配插件之过程篇
一直以来都想自己写一款插件去解决大屏的适配问题,最近终于有时间去完成这件事,特此记录下过程中碰到的问题。
分享一些大屏可视化也许有用的css技巧
可视化大屏基本就是数据可视化,主题多为科技感为主。下面分享一些也许对你有用的css效果,都是比较简单的,如果后面有别的还会更新。
数据大屏最简单自适应方案,无需适配rem单位
是否还在为rem适配感到烦恼?和我一样,不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量,最简单的方法解决问题。可作于学习,可用于工作。
网易音乐版轮播-react组件版本
此版本轮播图为仿照网易云音乐PC播放器上首页的轮播。 网易的轮播特殊的地方就在于,如果你滑动不相邻的两张图片,其过渡效果并不是滑动过渡,而是一个跳出过渡,此方面原理与最开始设计轮播排版时候有极大关联。 此轮播为纯react环境下的es6写法,通过对state中数组的重组排列,配…