大屏展示开发选用的设计思路与开发技术选型?
大了,自然就震撼了。我认为和用什么前端技术没有什么关系。效果靠得是脑子和能力,和技术本身关系不大。如果想开发简单点,工具好用点,那自然用 Flash 了,做展示嘛,考虑 Flex 干啥?另外可能需要考虑一下怎么将某个场景定格在某几个屏幕拼接出来的画面上,这可能需要考虑一下硬件上是如何实现的。
■网友
展示是html5的强项,比如 impress.js更多 12 Impressive JavaScript \u0026amp; HTML5 Presentation Frameworks
■网友
说说我司的技术。
1、为了节约时间和跟上现在技术,我们选用的是vue,毕竟绑定是特别高效的,采用前后端分离去开发,前端负责维护大屏效果,后台出接口,分开部署。
2、大屏肯定涉及到非常多的大数据展示,我司优先采用echart3.0去实现,其实已经可以满足大部分的效果了,如果不能满足,我们可以采用d3等技术实现,如果要求3d效果,可以采用webGL技术去做,非常酷炫。
3、ui的设计上需要在1920*1080的分辨率下设计效果图。
4、前端编写用html5即可,代码中body直接设置死1920*1080,然后通过transfrom:scale进行适配不同分辨率。
■网友
请参见专门针对拼接大屏展示数据可视化图表的一个开源demo:
【大屏展示开发选用的设计思路与开发技术选型?】 daoke0818/前端ECharts图表可视化大屏开发案例
演示地址:http://e-art.top/projects/bigScreenCharts
功能如下:
页面内容适应各种比例的大屏。可以设置为自动等比例缩放(contain和cover两种模式),也可以设置为拉伸(stretch模式)来铺满窗口。图表的配置项抽取各层级公用部分,以对象的合并方式(jQuery的extend方法)实现最简配置。窗口缩放时图表自动缩放无需刷新,可通过拖动浏览器窗口大小测试。图表定时刷新重绘效果,可分别指定需要和不需要刷新的图表。这里仅是前端展示用,也可配合异步加载数据后重绘图表。页面显示时钟、城市定位和天气。除了常规图表,还引入geoJson和百度地图的两种平面地图模式、3D地球模式以及若干有意思的算命娱乐小图表。其中地图上有唐僧取经路线和麦哲伦环球航线等等。四季(春夏秋冬)颜色主题更换。配置面板,配置内容如下:设计图尺寸页面缩放模式图表自动刷新频率天气预报更新周期指定颜色主题
■网友
其实和技术选型关系不大。既然关系不大,还是html5吧。
■网友
能做3d就做3d 不二选择切换动画丰富且细腻,也可加不少分
■网友
如果动画多的话就用flex,静态多就用h5
推荐阅读
- 河北衡水365百姓故事汇优秀作品展示生动展现社会各界感人故事
- |扬州收藏家开设“家庭铁路展览馆”展示数万件铁路藏品
- |2020年三季度“新时代盐城好少年”事迹展示
- 汽车知识|国产精品中大型SUV,15.99万配2.0T动力,双12.3英寸大屏
- |奥迪开发基于C-V2X校车警示系统
- 汽车|长安汽车:公司与华为、宁德时代三方正在联合开发智能网联电动汽车平台和产品
- 啥是微信开发WEB前端
- 做苹果开发,想买台MacBook,大家建议买啥
- 开发/维护 一个类似qq会员或者Amazon Prime会员的会员系统有哪些难点和挑战
- web开发,一般项目经理从项目中拿多少项目奖金