【IMWeb】前端圈外部分享沙龙精彩回顾！

本文作者：IMWeb link 原文出处：IMWeb社区 未经同意，禁止转载

10月17号，IMWeb团队跟广州前端圈合作，在腾大二楼多功能厅，进行了一次十分成功的分享沙龙！

一、一句话总结

【影响力范围】

• 听众来自欢聚时代、唯品会、37游戏、迅雷、金山、平安科技、金蝶软件、网易、魅族等超过70家珠三角互联网公司。
• 超过160名同学参加了这次分享沙龙。
• 而本次分享沙龙在腾讯课堂开设的线上直播课程中，报名人数也超过140人。【活动效果】
• 会后反馈中100%的同学表示自己学到了东西。
• 会后反馈中超过96%的同学对本次分享沙龙的组织、通知形式感到满意。

二、沙龙现场

本次分享沙龙由IMWeb团队的leader henryguo主持，他首先介绍了团队目前在性能优化、MVVM、运营活动、音视频能力以及跨端方面所做的技术探索。然后henry在简单介绍了今天四位讲师的分享主题后，本次Web前端沙龙分享正式开始！

第一个分享主题是《MVVM及其组件体系》，由IMWeb团队的Q.js作者donaldyang进行分享。

• donald首先给出了MVVM框架的应用场景，然后将市面上主流的MVVM框架进行对比。
• 接着描述了IMWeb团队在腾讯海量业务场景下所遇到的挑战。
• 最后提出了我们的解决方案：足够小且兼容到IE6和全移动平台的MVVM库——Q.js，再加上基于动态编译和MVVM的类Web Component组件化方案——Ques。
• 现场听众也对这个话题很感兴趣，争相提出了很多自己的疑问，例如：Q.js与其他MVVM框架相比有何优劣，Q.js+Ques这一套解决方案的实现细节等。
• 然而，从会后反馈的结果上来看，大家吐槽最多的还是donald讲师为何这么帅！明明靠脸吃饭就可以了，却偏偏要靠才华，donald够任性！

第二位上台的主讲是IMWeb团队的积木系统作者jerojiang，分享的主题是《工业化时代的运营尝试 — 积木系统》。

• 积木系统是一个运营需求处理系统，一套静态页面生成工具，由一个个组件构成可以编辑的页面交由产品修改、生成并发布到CDN服务器群。
• 积木系统的目标是推动运营活动过渡到工业化时代，避免机械重复，节约设计、开发、测试等伙伴时间的同时，也让产品能够快速及时的推出页面、提高运营效果。
• 会场上，jero生动幽默地向听众阐述了运营活动页开发的痛点，以及针对这些积木系统所要解决的问题：实现研发同学DRY的需要；满足产品经理对运营活动快速发布和可视化编辑的需求。
• 听完jero的分享，现场的程序猿们纷纷要求开源积木系统，释放他们的人力，好让他们有时间回家陪妹纸！从会后反馈上来看，jero的分享也是本次沙龙听众评分最高的演讲！为jero点赞！

第三位上台分享的讲师是，IMWeb团队的重构大牛，江湖人称结一老师的ycxu！结一老师主导了腾讯课堂的整站重构工作，本次分享的主题也是《整站scss设计》。

• 结一老师首先给出了使用scss的理由。
• 然后深入浅出地阐述了使用scss过程中可能遇到的一些问题.
• 最后结一老师放出了今天的大招：他在腾讯课堂整站重构过程中沉淀出来的scss文件组织管理架构图和公用库架构设计。
• 而且结一老师对于在Q&A环节中无法简短解答的问题，专门在会后整理了一篇文章来解答： 《什么鬼，又不知道怎么命名class了》。结一老师，五星好评送给你！

本次分享最后一位主讲是IMWeb团队出品的前端异常监控解决方案——BadJS的作者之一kaelyang，他所分享的题目是《前端异常监控 - BadJS》。

• BadJS 是 web 前端异常监控解决方案，提供一种 web 页面的脚本错误监控、上报、统计、查看等系统化的跟踪解决方案。
• 目前BadJS覆盖了腾讯课堂、公众号、邮箱等腾讯公司40+业务，支持脚本错误捕获、上报、统计、告警、定时发送邮件报表等各项能力。
• BadJS目前已在 Github上开源。GitHub: https://github.com/BetterJS
• 会场上kael介绍了BadJS的接入和使用方式，以及如何解决常见的前端异常。会场上小伙伴们纷纷提出了自己平时在工作中遇到的Script Error，kael老师对答如流，分享了许多自己沉淀的代码调试经验。

下面分享一些会场现场的照片，看得出来台上讲师的分享内容果然是干货满满，牢牢抓住台下程序猿/媛们的注意力哇！在Q&A环节中，同学们也十分踊跃，虽然每位讲师已经预留了足够的答疑时间，但是会后还是有同学吐槽：“本来准备了很多问题，然而却没有机会提问，遗憾”。不过没关系，后期大家依然可以在IMWeb团队公众群(点击链接加入群IMWeb前端公众群①)中与讲师们保持沟通。：）

三、听众反馈

值得一提的是，在henry宣布本次分享全部结束之后，观众们居然没有主动离场，貌似还行继续再听下去，而且纷纷在微信群和问卷反馈中询问下一场分享是什么时候。从会后各个渠道的反馈来看，大家对这次分享沙龙可以说是好评如潮！

最后，本次反馈问卷一共设置了13道调查问题，有效回收分数为61份，以下是本次反馈的总结输出。从线上线下报名签到信息和课后反馈上来看，本次分享沙龙在影响力范围、内容质量和组委会流程安排方面都十分成功！

评分类问题

主观类问题

• 开阔了眼界，但不具体，希望能有更多的具体实例
• 投影设备不稳定
• 希望以后能继续组织分享
• 讲师授课技巧有待提高 ，希望能结合具体实例，讲得更加生动
• 多互动，多一些提问的机会
• 希望讲得时候能提供线上的ppt

其他类问题

四、 PPT地址

• 杨文坚：《MVVM及其组件体系》
• 江源：《工业化时代的运营尝试 — 积木系统》
• 徐远朝：《整站scss设计》
• 杨宾生：《前端异常监控 - BadJS》