IMWeb团队

2017-09-20 23:57

IMWebConf 2017 于9月16日在深圳科兴会议中心顺利落幕

本文作者:IMWeb IMWeb团队 原文出处:IMWeb社区 未经同意,禁止转载

2017年9月16日,IMWebConf2017在深圳科兴国际会议中心完美落幕。现场参会者达到约500人,参会者覆盖了华为、大疆、京东、百度、阿里、腾讯等近百家公司,还有来自北京、上海、香港等各地的开发者远道而来参会。

大会邀请了国内外讲师16名,包括W3C的全球项目负责人Philippe先生、Google、微软以及来自Facebook的ReasonML团队赞助的顶级编译器专家张宏波先生等技术专家,以及来自百度、阿里巴巴、去哪儿、UC浏览器、腾讯等国内一线公司的顶级开发者,总计探讨了16个议题,涵盖了Web前端领域的前沿主流技术、Node.js、框架工具、性能、安全等各个细分领域。

会议结束后调查显示,综合满意度极高,其中签到过程、讲师及演讲内容、茶歇满意度分别为92.9%,91.9%,89.2%。这是IMWeb团队第一次举办这么高规格的会议,也是腾讯第一次举办如此高规格的前端技术会议,希望我们在脚踏实地推进业务的同时,继续推动行业技术的发展!

首先感谢本次会议的王者赞助商:腾讯课堂——学习成就梦想,直播技术提供方:IT大咖说——大咖干货不再错过,钻石赞助商(排名不分先后):WeTest——一测到底,品质为王的WeTest腾讯质量开放平台,100offer——让优秀的人才遇见更好的机会、轩辕传奇——腾讯首款3D浅规则战斗网游、图灵教育、人民邮电出版社,感谢所有的合作伙伴(排名不分先后):HTML5梦工厂、开源中国、SegmentFault、前端圈、W3Cplus、前端早读课、WeX5、掘金、W3Cschool。

上午主会场

开幕词由腾讯副总裁 Ross 发表,主要回顾了Web前端在腾讯的发展史:2003年是Windows客户端的天下(电脑版QQ)。2005年Web开始发力(QQ空间、QQ邮箱),性能优化这些问题开始受到重视。2009年达到巅峰,前端团队规模达到几十人。2012年,随着APP的兴起,Web日渐衰落。但是在今天Web仍有立足之地,敏捷开发、混合开发、H5,形成了一股新热潮。

第一场分享是W3C技术产品总经理Philippe带来的《Now and the Future》,首先回顾了W3C历史上的丰功伟绩,科普了从草案变成最终标准的过程,接着从用户体验,CSS渲染,支付,安全等方面谈到了未来的发展趋势,最后鼓励大家一起参与W3C标准的制定。

接着由来自Google开发者平台工程师Michael Yeung分享了《PWA与AMP - 移动Web的现在与未来》。大佬一上来就指出了前端发展的几个问题,如用户在top3的APP上花了80%的时间、世界目前APP的月均每人下载量为0等,让小编都以为Web已经没救了。不过不甘寂寞的前端程序员提出了AMP,通过规范约束程序员随意的代码,以牺牲少部分功能,换来更快的加载速度。然后Michael介绍了AMP的进阶版PWA,它只要是通过service worker实现了一个资源加载的代理层,利用缓存出发去提高性能和体验。大牛为了让观众能快速上手,贴心地讲解了service worker 的生命周期,如register的时候加载所要执行的js,install的时候缓存本地资源,active的时候实现代理逻辑等等。

第三场分享是由微软大牛Limin Zhu带来的《TypeScript:高效可扩展的JS开发体验》,这是小编认为全场最有台风的一位讲师,即保证了内容,又不失幽默,各个内容过渡也显得非常平滑,果然最后他拿到了最佳人气讲师奖。Limin Zhu老师一上来就指出了前端开发的苦逼现状,70%时间在读代码,25%时间在改bug,5%时间在写需求。小编表示真的很对啊,真的很想去做新需求啊!老师一波安利,使用了TypeScript和VS Code可以让我们65%的时间在读代码,20%的时间在改bug,15%的时间在写需求。真是相当的诱人,大家也赶快去试试吧!

上午最后一场分享的讲师是张宏波老师,他分析的题目是《BuckleScript: large scale JS programming - the next step after Typescript》。讲解的主题是BuckleScript,有种和TypeScript针锋相对的感觉呢,说实话,这场分享小编听得有些似懂非懂,还是掌握的知识太少了。不过能感到BuckleScript确实是一个非常牛的东西,编译速度,代码稳定性等方面也非常不错,大家可以去看看张宏波老师一年前写的文章架构最快最好的To JS编译器进一步了解。

中午短暂休息后,会议分为三个分会场同时进行:Node.js会场、综合会场、性能框架会场。

Node.js会场

第一个分享是由阿里游戏前端负责人天猪带来的《Egg&Node.js 从小工坊走向企业级开发》,首先抛出了需要思考的两个问题企业级开发中需要关注的有哪些点?而开发人员和团队技术负责人,关注点一样么?接着说出了Egg 的设计理念“一个大规模团队的基础框架最重要的是需要遵循一定的约束和约定”。最后介绍了 Egg 的插件机制和发展的现状。

第二个分享是唐俊俊的《WebIM 大流量柔性微服务实战》,俊俊首先对 WebIM 和 Nod.js 微服务应用场景做了一个说明,然后就 Node.js 服务接入层实践做了详细介绍,具体如 Socket.IO 和 UDP 传输的选型比较,Node.js 服务多进程的实现等,最后为观众带来了从业务开发到微服务 Nconp 框架,它基于 Socket.IO 开发,兼容性好,稳定,而且是多进程架构,支持跨进程通信。

第三个分享是崔进带来的《从 HTTP 到 Socket,深入浅出现代前端抓包技术》,他提出了抓包新思路:用 Node.js 接入层抓包代替代理本地抓包。接下来介绍了抓包的具体方法,如路由层根据用户身份保存request和response内容,Node.js端Ajax组件根据用户身份保存request和response内容,Node.js端Socket组件根据用户身份保存请求和响应二进制内容。最后通过截图演示了如何将抓到的包进行打包和下载。

第四个分享是狼叔的《大前端全栈修炼之道 - 愈演愈烈的 Node.js》,风趣幽默的狼叔首先进来了一遍大前端全栈概览,列举了 Node.js 丰富的应用场景,如建站、IM 及时聊天、提供 API、前端构建工具等等。接着让大家说到了前端工程师该怎样成长:要从自己的痒处做起,以影响力和自由为目标,尽力提升自己的软技能。

综合会场

第一场的分享是《脆弱的Node.js - Security risk in Node Web》,由来自阿里的大神姜天意(昵称99,头像为“我要吃肉”)带来。整个分享深入浅出的介绍了安全问题的各个方面,以及对应的防范方法。当然也还有他们开源框架 Egg.js 在安全方面所做的所有防范。相信各位听众听完之后都是收获满满,而小编我听了以后,才发现自己所了解安全问题真是少得可怜,以后都不敢对自己的代码拍胸脯了(自此发愤图强,good good study,以后换个“要吃海鲜”的头像)。

接下来第二场分享是由 IMWeb 团队成员陈超 带来的《面向未来的直播技术-WebRTC》。先是介绍了目前行业的一个整体情况(flash 停止更新,苹果宣布支持WebRTC),接着带领大家认识了下什么是 WebRTC。最后就是拿腾讯课堂直播开刀,深入分析了从 flash 到 WebRTC 架构的演变。看看,看看,这就是残酷的现实,比你帅的人技术还比你好,这口气你们能咽下?反正小编我是咽,咽,咽下了。最后小编友情提醒:直播有风险,上 WebRTC 需谨慎。

经过短暂的茶歇(还有 n 轮抽奖抽到手抽筋)之后,迎来了我们的第三场分享《XSS魅影危机之从编码说起》,同样也是由 IMWeb 团队成员带来,他的名字就是刘志龙(我不会告诉你他的英文名字叫 andy)。如果说前面姜天意大神是以高屋建瓴的方式给我们普及安全,那么刘志龙大神就是以抽丝剥茧之式带领我们深入 XSS。刘天王先是给我们抛了某电商的一些可能有问题的代码,然后一点一点围绕这些问题进行各种手段攻击测试。最后就连 IMWeb 官网在刘天王的手下也不能幸免。不知道各位听众是什么感想,反正小编我是听得脑洞大开,外加一身冷汗啊,不带这么搞的好不好(请带飞)。

不知不觉就进入到我们的最后一场《WebAssembly:面向未来的web开发》,该分享由云汉金融科技前端负责人的陈映平先生带来,可能大家对这个名字不是很熟悉,但是他有一个非常响亮的外号程序猿小卡,小编我可是看着他的文章...(后面省略 300 字)。他首先简单介绍了下 JS 被人诟病的性能,然后说到提升性能的 asm.js,再引出了我们的主题 WebAssembly。(小编听了一会,发现一头雾水,什么 C++,压根没学过啊,所以请原谅小编开小差去了。)具体效果如何呢,反正提问的时候小编我话筒都不知道该选择谁,会后还瞄到有个妹子主动搭讪我们的陈大神。

框架性能

第一场分享是由百度外卖新业务研发部前端负责人林溪带来的《Tree Shaking性能优化实践》。首先通过一张生动的动图来介绍什么是 Tree Shaking 和它对 web 的意义。然后讲解了 Tree Shaking 的原理,并介绍了 rollup、webpack3、Closure Compiler 3个 Tree Shaking 工具的特点和对比。最后林溪讲解了在实际业务项目中,对 Tree Shaking 的实践。虽然目前 Tree Shaking 还处在发展阶段,效果并不是很明显,但正如林溪大牛一再强调的,Tree Shaking 对于 web 的意义是非常重大的,从观众的踊跃提问也能看得出来 Tree Shaking 是很受关注的一项技术,值得深入研究!

接下来的分享是《WNF:QQ空间的前端RN框架》,是由QQ空间个性化商城的主要开发者徐杰带来。值得一提的是,这是整个大会唯一的 RN 相关议题的分享。但是并不代表 RN 已经过时,并不代表 RN 已经不受业界关注,从会场的座无虚席足以说明 RN 的受欢迎程度。关于 RN 原理的分享实在太多了,所以徐杰另辟蹊径,直接通过真实的项目——空间H5商城来讲述:H5 到 RN 的转型;H5 与 RN 的性能对比结果;RN 降级 H5 方案实现与成果;RN-web 同构方案。最后介绍了腾讯QQ空间团队推出的 RN 前端框架 —— WNF,分别从网络库、组件库、webpack 打包、node 工具库、js 类库讲解。这是 RN 技术落地业务开发的一套完整完善的框架,相信许多使用 RN 的观众都能从中补齐自己业务中关于 RN 技术的缺漏,有限的 QA 环节已经无法满足观众了,话说能不能让徐杰大神在茶歇的时候好好地休息一下呀 -_-!!

在 RN 浪潮之下,第三个分享者王跃表示毫无压力,因为他给大家带来了《小程序你所不知道的:核心架构剖析》的分享,同样是干货满满!王跃大神首先给观众一个小程序整体架构的全局观;然后深入到小程序架构的实现细节,分别从 Service、View、Message、Component 4 大部分讲解,同时包括了 PC、Android、IOS 3 大平台的实现细节的区别都讲到了!最后,王跃大神还给大家带来了小程序的优化实践的内容。真得是干货太多,笔记都记不过来了!趁着QA的机会,观众纷纷抛出了自己平时在开发小程序时的问题,还有对小程序实现的细节上的疑惑,王跃大神都一一作答,茶歇的时候都追着大神问,这场面,小编都快控制不住了!

如果你们觉得听完 RN 和小程序已经足够了,那真是 too young too simple。这一场才是暴击!性能,这是任何业务,任何技术都必须 care 的点。于是,林子杰 —— 阿里前端开发专家,UC内核前端负责人来了,他不仅带来了《如何建立Web前端性能评估体系》的分享,也给观众带来了一套 web 性能的度量体系。如何定义白屏时间?如何定义首屏时间?做的优化措施是否生效?这些问题你是否都有想过?没想到不要紧,UC 和 chrome 帮我们想到了,所以,它们提供了一套前端性能度量模型。有了度量模型,前端页面也要用起来!根据度量模型的差异,不同的运行环境,不同的业务类型,不同的网络环境,同时线上与线下结合的方式,形成一套完整的 web 页面首屏性能度量体系!最后当然是产生价值 —— 在不断的优化性能&度量体系反馈的迭代下,使用户有更好的体验提升!整个分享行云流水,观众沉浸其中难以自拔,都已经忘了时间的流逝,是的,这是今天最后的一场分享了,还不够?明年 IMWeb Conf 2018 再会!

经过一天的精彩分享后,所有的讲师齐聚主会场进行圆桌会议,就Web前端的现状和未来共同作了一些探讨,并和参会者互动交流。下午7:00,会议正式闭幕,观众和讲师们一起合影留念。

最后,感谢IMWeb团队所有辛苦工作的小伙伴们,期望来年我们还可以在一起,再做一个更完美更好玩的技术嘉年华:)

2条评论

    您需要 注册 一个IMWeb账号或者 才能进行评论。