得幸获得D2前端技术论坛门票一张,今天就去了,公司还给批假了(有可能不会算做请假,哈哈)。

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

D2 前端技术论坛总结(上)的更多相关文章

  1. 记录一次参加D2前端技术论坛的杭州之行

    前言 在这里,闰土首先要感谢以下两位大佬提供的门票,分别是来自新浪微博部门的H同学,以及来自小米科技的D同学. 当我周六晚上在青旅写完这篇文章过后,第二天上网发现,已经有大佬提前一步在掘金上发布了高质 ...

  2. 第12届D2前端技术论坛

    第12届D2前端技术论坛 最近参加了阿里的D2前端技术论坛,听了一天的报告,收获良多,下面对几场报告做一个记录. 自己选择听的主线也是从: 实践应用 -> 管理 -> 性能 -> 新 ...

  3. 从2014年D2前端技术论坛看前端发展趋势

    上周六有幸參加了在杭州阿里巴巴西溪园区举办的2014年D2前端技术论坛和晚上的酒会.实地感受了一下阿里巴巴前端开发的技术氛围和影响力.整体上看这次D2规模还是挺大的,国内前端的知名大牛基本上都到了. ...

  4. D2 前端技术论坛总结(下)

    此篇文章不接上篇了,下午4场我就不一一介绍了,主要总结下 D2 整场下来都讲了些什么.   整场下来,就3个关键词:nodejs,多终端,工程化   nodejs 从杭js到d2,大会上提到最多的词汇 ...

  5. Xvfb+YSlow+ShowSlow搭建前端性能测试框架 - 前端技术 | TaoBaoUED

    Xvfb+YSlow+ShowSlow搭建前端性能测试框架 - 前端技术 | TaoBaoUED Xvfb+YSlow+ShowSlow搭建前端性能测试框架 作者:黑三 | 时间:2010-07-07 ...

  6. 一文读懂前端技术演进:盘点Web前端20年的技术变迁史

    本文原文由作者“司徒正美”发布于公众号“前端你别闹”,即时通讯网收录时有改动,感谢原作者的分享. 1.引言 1990 年,第一个Web浏览器的诞生:1991 年,WWW诞生,这标志着前端技术的开始. ...

  7. HTML5学堂 全新的HTML5/前端技术分享平台

    HTML5学堂 全新的HTML5/前端技术分享平台 HTML5学堂是做什么的? HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织.致力于构建一个前端 ...

  8. 嗨分享-前端技术-帝国CMS手机站修改列表分页(sysShowListMorePage)

    http://bbs.phome.net/showthread-31-318753-0.html 如果你的网站使用的是帝国CMS.PC站和手机站各使用一个模板组,但共同使用一个数据库.那么你的PC站和 ...

  9. 百度前端技术学院(IFE)2016春季学期总结

    今天(5月16日)作为第八个提交者提交了任务五十:RIA微型问卷管理平台 这样一个综合性的大任务,宣告我的IFE春季学期课程学习顺利完成.其实任务五十并不复杂,现在再让我来做,可能一周不到就写出来了, ...

随机推荐

  1. 55个高质量的Magento主题,助你构建电子商务站点

    Magento是一个功能丰富的开源电子商务平台(译者注:基于PHP的Zend Framework开发),在网店的外观.商品管理以及其它功能上,它给商家提供了前所未有的灵活和易用性.通过挑选一个合适的M ...

  2. Eralng 小知识点

    文件属性 提取方法:Module:module_info/1 头文件 包含头文件 -include(FileName). %% FileName为绝对路径或相对路径 引入库中包含文件 -include ...

  3. 如何注册AWS Global账号

    去年底AWS宣布落地中国以来,可能很多童鞋都在热切地等待试用AWS中国的服务.但是AWS中国目前还在犹抱琵琶半遮面,没有完全向大家开放.不过,大家也不必干等待.要是真感兴趣的话可以自己或者让公司先注册 ...

  4. Weibo Crawler in Action

    1.要写一个微博爬虫,得分开几个模块来做: (1)模拟登录 (2)模拟浏览 (3)针对短时间内大量访问而引起怀疑的禁止登陆解决方案 (4)其他 (1)模拟登陆模块 前提:要模拟登录,得首先知道在登录微 ...

  5. 一个在 Java VM 上使用可观测的序列来组成异步的、基于事件的程序的库 RxJava,相当好

    https://github.com/ReactiveX/RxJava https://github.com/ReactiveX/RxAndroid RX (Reactive Extensions,响 ...

  6. spring 解析配置文件问题

    问题描述 2014-02-25 16:39:36.068 [com.mchange.v2.async.ThreadPoolAsynchronousRunner$PoolThread-#2] WARN ...

  7. [原创]mac终端前面的计算机名怎么改??

    1.修改-之前的名称 mac环境,系统 OS X Yisemite,打开终端, 执行下面命令“Tmp”是你想要改的电脑名称 sudo scutil --set HostName Tmp 执行前,执行后 ...

  8. JQuery与GridView控件结合示例

    JQuery是一种非常强大的客户端JS编程技术,这里不想过多阐述它的相关背景知识,只想简单演示一下如何与asp.net的控件结合开发. 比如,我们要做一个下面如图所示的功能,效果是状态.编号.数字1. ...

  9. PLSA中的EM算法

    转自:http://www.cnblogs.com/rocketfan/archive/2011/07/03/2096953.html 主要记录下几个文章博客内容 A Note on EM Algor ...

  10. installshield basic msi 更新时覆盖不了上一个版本文件解决方案1

    1.增加dll exe程序集的版本号 2.设置IS里文件的Set key file