拥抱大前端必看的6大技术专题

2017 年 11 月 17 日 CSDN大数据 陈秋歌

前端领域生态繁荣，致力于提高生产效率的技术、工具不断推陈出新，可谓群雄割据且各有千秋。企业及前端开发者在实际开发中可选择的空间大大增加，但也面临着选择困难症。抑或虽已确定了技术栈，但实际开发中却时不时遭遇各种“坑”的牵绊。深入了解各大技术的优势与劣势，同时结合自身业务需求，你的技术选择之路将会变得更加明朗；深入了解其他企业对各大技术的应用实践及所踩过的坑，你的技术应用之路将会更加顺畅。毕竟有些人，有些企业趟过的坑，我们不必再趟。

基于这个目的，我们特别策划了SDCC 2017“前端技术实战线上峰会”（更多信息可点击「阅读原文」查看），邀请来自阿里巴巴、苏宁云商、美团点评、饿了么、去哪儿网、白鹭时代等多家企业的前端专家及技术图书作者，围绕React、AngularJS、Weex前端热门框架在企业中的应用实践，及WebAssembly、MVVM等技术热点展开深入分享，帮助大家解决实际生产中遇到问题。而且，每个演讲时段均设有答疑交流环节，与会者可以提前将平时遇到的实际难题记录下来，到时可以和讲师零距离交流。

为了方便大家，本次峰会特别定于11月25日（周六）召开，采用线上直播形式，不受地域限制，在家即可与各大牛学习、交流。接下来，为大家介绍本峰会的更为详细的内容。

本峰会日程公布如下，限时特惠199元【点击「阅读原文」立即报名】

讲师&议题介绍

钟钦成著名的JavaScript专家，去哪儿网前端架构师

演讲主题：React API设计上的精华糟点及与其带来的使用注意点

个人简介：钟钦成，网名司徒正美，著名的JavaScript专家，去哪儿网前端架构师，立志做考古学家的日语系工程师，穿梭于二次元与二进制间的“魔法师”，做过陶艺，写过小说，涉猎Java、Ruby、JavaScript。曾出版《JavaScript框架设计》一书。

主题简介：通过剖析React的内部实现让我们更好编写React代码，不会让你的代码破坏它的内部优化与将来的升级迁移

分享大纲：

1. JSX与createElement的选择；
2. 虚拟DOM与CurrentOwner.current之间的绑定；
3. CurrentOwner.current与ref的绑定；
4. ref的多层穿梭；
5. 为什么我们不建议用refs.xxx(字符串ref)；
6. 基于冒泡的事件系统；
7. focus/blur/mouseenter/mouseleave的实现；
8. 基于列队的setState异步更新机制；
9. 不断推迟的更新回调；
10. 虚拟DOM树的设计失误；
11. 如果实现不同文档之间的过渡；
12. 不要使用Children helper对虚拟DOM树进行窥探与操作；
13. 不可变对象导致的代价与收益；
14. 如何决定是否继续diff。

适合人群：低中高级React用户群

听众受益：知其然，知其所以然。详看上面的大纲，里面涉及许多内部原理。

王芃迈冠科技总经理，《Angular从零到一》一书作者

演讲主题：响应式编程在Angular中的应用

个人简介：王芃，迈冠科技总经理。曾任东软集团嵌入式项目总监，索课科技CTO，连续创业者。对Web前后端技术均有涉猎，著有《Angular从零到一》一书和《Angular打造企业协作平台》视频课。

主题简介：介绍响应式编程的概念，以及响应式编程的优势和特点，以多个生动的小例子说明RxJS的用法。介绍Angular对于响应式编程的支持，如何利用RxJS打造响应式的Angular应用。

分享大纲：

1. 响应式编程全面介绍；
2. RxJS操作符使用说明；
3. Observable的冷和热；
4. Angular中的Rx支持；
5. Async Pipe功能解析。

适合人群：了解函数编程，有ES6、Angular开发基础的前端开发者。

听众受益：
1. 从菜鸟到大牛的思路转换；
2. 如何处理复杂业务逻辑；
3. 掌握 Angular进阶技巧。

乔梁苏宁云商IT总部数据云公司前端开发部开发经理

演讲主题：老兵不死，基于Angular1构建大数据后端管理平台系统

个人简介：乔梁，苏宁云商IT总部数据云公司前端开发部开发经理。参与了多个云计算项目的前端开发工作。现在在苏宁体育集团领导前端团队进行苏宁体育相关业务的开发工作。在Angular1、Vue、Node.js等技术方面都有比较丰富的开发经验。

主题简介：本演讲主要介绍在苏宁云这样后台系统比较多的场景下，前端部门利用AngularJS封装能够快速搭建符合后端管控需求的开发解决方案。

演讲将从两个方向展开：

1. 自顶向下的方向，从业务和需求的角度看，AngularJS的优势以及生产实战中框架需要提供哪些常用的能力；
2. 自底向上的方向，从代码角度看，管控类平台的常用场景上，前端开发人员应该具备哪些技术和能力。与常规传统的前端开发有哪些区别以及苏宁云的机器学习业务的前端实战。

分享大纲：

1. 后端管控平台的实际痛点；
2. 如何快速响应业务部门的管理平台开发需求；
3. 如何将后期维护的锅优雅的“甩”给业务部门；
4. 面对复杂应用场景，MVC的优势是什么；
5. 前端工程师在后端管控平台业务上的技术成长空间在哪里。

适合人群：

1. 从事后台管控类平台的前端开发人员；
2. 前端入门人员；
3. 有后台管理页面需求的Java开发人员。

听众受益：

1. 学习如何构建一套完整的前后端分离的管控类平台前端解决方案；
2. 了解除了框架命令和脚手架之外，前端工程师还需要掌握哪些基本的技术和能力；
3. 了解如何编写易于维护的前端代码。

董岩阿里巴巴手淘基础平台部Weex平台技术主管，高级技术专家

演讲主题：Apache Weex：移动研发的进阶之路

个人简介：董岩，阿里巴巴手淘基础平台部Weex平台技术主管，高级技术专家。长期致力于浏览器引擎、Web技术及移动端技术，WebKit Committer。
主题简介：本分享立足于全面介绍Weex，并侧重讲基于Weex做移动研发的优势。主要内容包括Weex的发展史、能力、特性、社区、开源及规划。

分享大纲：

1. 移动研发的挑战；
2. Weex架构与开发模式；
3. Weex性能优化与交互升级；
4. Weex开源社区；
5. Weex的未来。

适合人群：前端开发者，希望使用前端技术开发移动应用。

听众受益：了解Weex的原理、技术特点与开发方式，了解使用Web技术实现移动端开发的趋势与发展方向。

王禹华美团点评iOS高级工程师

演讲主题：MVVM在美团点评酒旅移动端的最佳实践

个人简介：王禹华，美团点评iOS高级工程师。本科和硕士毕业于北京邮电大学计算机专业。2015年1月加入美团酒旅事业群，先后负责美团度假、点评度假、酒店核心业务的开发，有很丰富的业务研发经验。目前是美团酒店商家iOS负责人，对移动开发的架构、性能和自动化测试都很感兴趣。

主题简介：开发效率与质量是开发人员亘古不变的关注点，而MVVM作为移动应用主流的架构不仅可以通过代码复用、解耦有效提高开发效率与代码的可维护性，还易于支持移动应用的自动化测试从而有效提高代码质量。

美团酒旅从2015年春季就开始尝试MVVM，通过两年多的时间已积累了丰富的经验和一定成果：MVVM架构广泛应用于美团点评的住宿、度假、交通各业务线，支持美团、点评等多个App的多端复用；同时，基于MVVM的自动化测试目前已覆盖酒旅80%+的交易流程。本课程将结合美团酒旅的业务经验，提供代码实战和自动化测试实战，让MVVM真正为团队和业务创造更大的价值。

分享大纲：

1. MVVM背景介绍
（1）MVVM是什么；
（2）MVVM解决的问题：代码复用、自动化测试。
2. MVVM开发实战
（1）五种绑定；
（2）Demo展示；
（3）MVVM和代码复用。
3. MVVM和自动化测试
（1）自动化测试是什么；
（2）自动化测试技术栈；
（3）真MVVM和自动化测试；
（4）五种绑定的自动化测试实战；
（5）自动化测试成本、收益和可维护性。

4. 总结和展望

适合人群：针对iOS从业人员，对业务架构、自动化测试等感兴趣的业界同行。

听众受益：通过本课程，你可以更深入地了解移动端MVVM架构和基于RAC的实战，并对移动端自动化测试的方法和落地有一定了解，为团队的效率和质量提升提供帮助。