TAT.joeyguo < AC 2015 > AlloyTeam 前端技术大会精彩回顾
In 未分类 on 2015年12月28日 by view: 6,284
12

AC2015-1024x559-tiny

        2015.12.12  由 AlloyTeam  团队发起的 <AC2015> AlloyTeam  前端技术大会,在腾讯大厦 2  楼多功能厅成功举办。 AlloyTeam 团队希望将团队在业务项目、工具和开源项目中的技术积累,借助 AC 大会 的平台将每一年的收获分享给业界同仁。

AC2015 官网   AC.AlloyTeam.com

以下将从大会的整体情况,大会现场以及观众反馈来回顾此次大会。

1 大会整体情况

  1. 本次大会报名到场参会人数超过 740 人,报名腾讯课堂直播的超过 2900 人。
  2. 为保证现场体验,最终发放 300 个到场名额,实际到场人数超过 280 人。
  3. 本次大会除了做了腾讯课堂的直播外,海鱼慕课网做了全程的专业视频录制,将于 12.30 在 AC 官网&慕课网上发布
  4. 听众来自百度、阿里巴巴、京东、唯品会、金山软件、新浪、搜狗等超过 150 家公司。
  5. 本次会议为参会者奉献了 5 场主题演讲,参与 Lighting Talk 的演讲者有 3 位。
  6. 不乏从北京、广州、珠海等外地特别前来参会的听众。
  7. 与会者对本次前端大会的评价是:诚意满满、干货满满。

3123

图 1 - 大会整体情况

2 大会现场

TankStrike & ALLOY GIRLs 热舞

本次大会以一款 H5 游戏坦克争霸 TankStrike 作为神秘项目开场,紧接着是前端 MM 们的 ShowGirls 舞蹈,让会场人员一下子热了起来。

坦克争霸 TankStrike 在线入口即将放出,请关注博客动态。

image003(12-15-1(12-22-20-08-26) (1)

图 2 - TankStrike 与 ShowGirls

有一种团队叫 AlloyTeam+

这是第一个分享主题,作为 AlloyTeam 的 Leader JetYu 于涛 首先介绍了召开 AC 大会的初衷:

希望将 AlloyTeam 团队在业务项目、工具和开源项目中的技术积累,借助 AC 大会的平台将每一年的收获分享给业界同仁。

紧接着介绍了 AlloyTeam 团队的名字寓意以及众多的开源项目:

  1. JX 框架   AlloyTeam.github.io/JX
  2. CodeTank  CodeTank.AlloyTeam.com
  3. H5 体感游戏“ 墙来了”   WC.AlloyTeam.com
  4. H5 专业级图像处理引擎 AlloyImage   AlloyTeam.github.io/AlloyPhoto
  5. AlloyStick 骨骼动画引擎   AlloyTeam.github.io/AlloyStick
  6. 更多...   AlloyTeam.github.io

最后抛出了 AlloyTeam+ 计划,将 AlloyTeam 团队开源,做第一个无边界的开放技术组织。

X.AlloyTeam.com

有兴趣的小伙伴可以访问上面链接,了解 AlloyTeam+ 计划。申请加入成为 AlloyTeam+ 的成员,拥有参与项目的机会,获得更多 AlloyTeam 的资源和技术经验,更有机会进入 AlloyTeam 的名人榜。

然而,从会后反馈的结果来看,每每在外界露脸的涛哥,少不了的还是被大家吐槽是明明可以靠颜值吃饭,却偏偏要看才华。

未命名_meitu_0
图 3 - 有一种团队叫 AlloyTeam+

我有我特色—— 开发眼中的移动交互

这是第二个分享主题,由 AlloyTeam 团队中号称 82 岁的老教授 weberpan 潘佳韩 主持,教授首先表达出自己对移动交互的理解,并对具体场景的交互细节进行了细致讲解。

  1. 点击交互,如何让用户更好的感知到点击的响应;
  2. 如何让长列表如丝般顺滑的流畅滚动,优化滚动体验;
  3. 针对键盘的定制,对不场场景的键盘需求让用户得到不同的键盘模式。

教授相当用心,不仅传授了如何优化移动交互上的具体问题,还将交互上优化前与优化后录制成视频,并在大会间进行播放对比,这使得参会人员纷纷给予教授详细深入的技术研究点赞,并表示要给教授生猴子(因为教授技术好...)

了解更多 AC 大会讲师访谈之—— 前端界出了个老教授 

111213123

图 4- 我有我特色—— 开发眼中的移动交互

时间都去哪了—— 移动 Web 首屏优化实践

该主题分享讲师为 AlloyTeam 的郭高工 Johnnyguo 郭碧青,Johnny 对首屏优化有十分深入的理解以及技术积累,在大会上,通过抛出首屏时间的概念,以及分析影响首屏时间的各个因素,最终具体分析了优化首屏渲染时间的多个方案。

  1. 网络耗时远大于浏览器耗时, 通过了网络过程的具体内容,对相关内容进行讲解(RTT 等);
  2. 页面测速 Navigation Timing 和 Resource Timing;
  3. 实打实的优化方案:DNS 预解析,域名收敛,链路复用,资源内联,组件化开发,资源加载优化,异步资源打包优化;
  4. 通过客户端启发的 数据缓存设计 以及后台直出,离线包方案等等。

听完 Johnny 的分享,参会的人员纷纷表示要将各个优化方案应用到自己的项目中,让项目飞一般的渲染出来。

了解更多 AC 大会讲师访谈之—— 帅气逼人的郭高工 

image006(12-15-1(12-22-20-08-26)
图 5 - 时间都去哪了—— 移动 Web 首屏优化实践

参会者 5 分钟分享

该 Lighting Talk 环节共有 3 位上台分享,主题分别是:​

  1. 动画差逐帧动画     -     龙翔
  2. React 单页应用性能调优    -     李洋
  3. 前端工程师的心路历程    -     爱米

都是经过 AlloyTeam 的层层筛选后脱颖而出的,内容都很精彩。

image007(12-15-1(12-22-20-08-26) (2)
图 6 - 参会者 5 分钟分享

手机 QQ Hybrid App 性