得幸获得D2前端技术论坛门票一张,今天就去了,公司还给批假了(有可能不会算做请假,哈哈)。
早上8点50出门,骑个小毛驴,大概9点30分左右,到了阿里巴巴西溪园区,很多人,进去的门口有专人接待,看D2门票,然后给贴一张阿里巴巴的logo贴纸在身上,然后我进去找了地方停小毛驴,突然发现贴纸不见了。。。估计给秋风给顺走了,于是立马赶回门口又给拿了一张 O(∩_∩)O哈哈~
今天我一直呆在主会场,主会场的几场分享我给列列
10:30 张可竞《指尖上的数据》
13:30 林楠《nodejs一小步 前端开发一大步》
14:30 周杰《第三方开发前端实践》
15:50 贝勒《面向多端的蘑菇街前端技术架构》
16:50 刘威《京东前端工业化实践之路》
当然以上是我参加了的分享会,这次D2有主、分两个会场,而且还有晚上的,由于没拿到晚上的酒会邀请函,so晚上的我就不评论了。
就我听过的几场,做个总结:
- 百度张可竞的《指尖上的数据》:论数据展现形式(给用户的感知)对用户认知以及理解的重要性,h5端如何适配问题。
- 来自腾讯云的林楠的《nodejs一小步:前端开发一大步》,论node如何参与后台开发以及参与后台开发所产生的影响。
- 周杰的 《第三方开发前端实践》:同一个产品在PC端和移动端同时适配所碰到的问题,以及解决方案,还有后来讲到了他们公司前端的开发方式,搭建的底层架构。
- 贝勒《面向多端的蘑菇街前端技术架构》:这个和周杰的有点类似,说的是同一个产品在要在不同的终端上展示,前端如何开发,以及搭建一个合适的底层架构。
- 刘威《京东前端工业化实践之路》:说的是如何把前端中相同的工作做到工程化,就像工业中的产品线一样的,很多东西通过一条命令来完成就足够了。
先说第一场吧《指尖上的数据》
- 数据的不同展现形式对用户 感知-认知-理解 的影响
- 智能机在手机市场的占有率非常高,对数据可视化的需求也非常旺盛
- 利用h5动画来做数据的可视化,这么做会产生哪些问题,如何解决
首先,演讲嘉宾(张可竞)拿出了一份 百度移动趋势报告2014Q2 ,里面有写到Android和iPhone加一起在市场的占有率已经达到了92%(其中iPhone是13%、Android79%),但是这不是重点,这只是为了引出下面要说的东西:数据可视化在移动端的需求很旺盛,那么我们该如何展示这些数据呢,也就是所谓的”数据可视化“。
谈这个之前,先说一个现象,人对视觉元素的理解能力远大于面对一堆数据,所以在PC端经常会看到有雷达图,气泡图,柱状图,饼图等,那么当这些东西搬到移动端的时候,会碰到哪些问题。
- 手机不支持pdf,gif也不佳。
- 手机的屏幕远比电脑屏幕小,所以显示图表的时候,手机上能让用户看到的东西更少,这个如何解决。
- 手机的尺寸有很多,如何匹配不同的手机,甚至还有pad上。
- 手机的性能问题如何解决,动画用css3还是js。
在电脑上,我们可以通过pdf,网页,以及gif动画的方式把东西传达给用户,那么在移动端,我们可以通过h5来展现数据。
h5展现图表数据,有几个方面是可以做文章的:第一个,手机上是有手势交互的;第二个,手机上浏览器或者自带的webview,基本都是基于webkit内核的,所以我么可以做动画效果。但是动画,在某些手机,以及低版本安卓上,性能不佳,所以提出了通过loading效果先检测当前浏览器的跑祯速度,然后响应的做降级处理,转成图片啊、不用动画啊、减少dom节点啊等等。
最后介绍了一个百度开发的移动可视化组件“数说 · GEAR”,据说后续会开源。
待续........