云栖君导读：7月19日晚举行了一场前端课程直播活动，主讲人为阿里云前端工程师行剑和闲鱼前端技术负责人青页，本文为该场课程的内容回顾。

课程一：《新人前端如何快速成长》

分享人：行剑，阿里云高级前端开发工程师

分享主要包含三个方面的内容:

•    个人经历及成长

•    阿里云前端技术

•    交流互动

行剑个人成长经历：本科通信，研究生专业是航海，其实专业不是计算机专业并不是很重要，其他专业反而会成为你的加分项。

14年开始接触前端 ，阿里云深度用户，16年阿里云校招实习，17年7月正式入职。

第一部分：个人经历及成长

很多同学都很关心校招的事情，下面我和大家谈谈我的理解：

01

基础知识

1、计算机基础知识。编译原理、网络。看似基础，在工作中并不一定会使用，但是往深层次的发展就会用到。

2、 行业基础知识。前端行业，语言层。三大件：html 、css 、js。再往上就要了解这个行业的共识，我们现在认为的工程化的方法，前端行业的框架。

02

实践

只有基础知识，没有实践的话，你就是不知道你所学的知识哪个轻哪个重，和实际中踩的哪些坑。团队筛选简历也是对实践相当重视。

03

关注事物的本质并思考学习

前端行业变化特别快，时时刻刻都有新的东西出现。要关注事物的本质，比如说用户交互，和状态之间的管理和控制。

04

沟通能力

校招是五轮面试，这五轮面试官都有在考核你的沟通能力，在日常开发中沟通还是很重要的。在学校中可以组织开发小组，其中可以扮演各种角色来沟通。

在阿里面试，很多时候是电话面试，这时候就很考验沟通能力，沟通能力也是面试官重点考察的一个方面。

如果你校招顺利的拿到了offer，那么你就进入了阿里的实习阶段：

在不同公司实习，其实在本质上，也有很多相似的东西。

1、学习、思考、总结：

这就是说你实习的时候要给你的团队展现出你不断的学习能力，前端本来是一个不断变化的行业，不断学习也是非常重要的。

其实来到阿里，对于一个技术来讲是一个非常幸福的事情。因为你会觉得你一下子掉到了一个技术的海洋里，有非常非常多的学习资料，还有可以跟师兄们交流学习，有很多学习的途径，我大概说两点学习途径：

内部学习平台，阿里内部有一个我们自己的学习平台，云栖社区，这个学习平台会有非常多的学习资料，每天都有人更新，他在项目里的一些总结，一些新技术的研究，还有一些技术之间互相的影响，这些都会放到这个学习平台，进来阿里实习，这个平台肯定会接触的。很多内部的文章很多都会通过云栖社区的小二，发到云栖社区里。

2、做前端技术很重要的是源码学习，刚开始可能看不懂，慢慢就会熟悉了。实习中也要注意沟通，技术是最好的沟通桥梁，增强和同事的互动。

如果你顺利的结束实习期答辩，那你来年毕业之后就可以正式入职：

实习时的需求和入职时的需求还是有很大的差异的，要考虑到产品的上游和下游，是思路的转变，从点到线；要持续学习，实践，思考，总结，在过去一年提升了抗压能力，最重要的是心态，要和老板沟通，排解压力，不要害羞。

第二部分：阿里云前端技术 

数据状态管理的本质是：为UI获取远程数据 +本地状态管理。

数据状态管理：

这是我们团队自己研发的一个Mota新项目：

Mota

定义数据模型（Model）的方式是一个简单对象，之后还可以复用：

输入双向绑定：

 现在和大家聊聊工程化：

•       基于任务运行的工具gulp、grunt（开发，自动化编排，打包）

•       打包工具webpack，rollup.js（转换，打包）

•       vue-cli、angular-cli、create-react-app（初始化，集成ts或webpack进行打包）

•       整合型工具Yeoman（自动生成工具，gulp，包管理），FIS，Fekit等。

 

我们觉得FIS、Fekit有一些思考的哲学和我们稍微有点不一样，所以在团队中使用并且开源了一个Dawn的前端工程化解决方案，可以了解一下：

现在来解释一下问什么会有这个Dawn

Dawn-标准化工程构建流程

Dawn-阿里云工程化方案

基于pipeline&middleware

总体来说Dawn：

 

•       简单、统一、一致，无论扩展还是使用它

•       无关框架、无关语言

•       轻中心化

•       松散且易于整合，注重重用，易于扩展

•       云端统一下发构建规则，易团队统一管理

•       免于安装或更新，除 CLI 外，无须其它任何形式的安装和更新操作

 

给这场直播做个整体总结：

 

1.持续学习，学习问题的本质

2.选择好的学习平台

Q&A

问：在阿里有多少的自主学习时间？

答：要看自己张弛的度，加班是对的，不加班也是对的，但工作完不成是不对的，看需求的多少。

 

问：校招面试和实习面试的区别？

答：实习是3、4月份，6789面向的是校招的，一般情况下实习的比较多，但是没招满的话校招这个渠道还是有的。

 

问：前端的话最推荐先学习什么框架？

答：安利团队的框架，从这个框架入手是不会有错的，是比较传统的面向机制，上手快。

 

问：实习的时候出现BUG总是第一个被@，心态爆炸怎么办？

答：这个状态都会有，互联网现在很快，大家都是就事论事，快速找出BUG来源于哪里

 

问：数据可视化在阿里云前端工作的比重有多大？

答：其实阿里云团队大概有一百多人，每个团队专攻的方面不一样，每个团队比例都不一样

 

问：对新人而言，如何平衡广度和深度的学习？

答：最近我也参加阿里晋升的面试，就遇到了这个问题，不同的阶段解决不同的问题。如果现阶段是解决业务问题，就要先进行广度学习，当这个平台不能满足需求的时候，那就要进行深度的学习。

最后，如果您对阿里云前端开发职位感兴趣，请投递简历到xiaoming.dxm@alibaba-inc.com

职位需求详见：

https://yq.aliyun.com/articles/613815

课程二：新的技术环境下前端面临的挑战和机遇

分享人：青页，阿里巴巴技术专家，闲鱼前端技术负责人。

本节课程主要讲解在创业公司做前端的工作经验，业务和前端基础架构。

第一部分：个人经历介绍

在创业公司我主要带业务支持的团队，我也做过前端偏基础架构的事项，以我的工作经历来讲，前端这个部门在很多技术的深度上和业务上，是有深度去钻研的。

我现在负责的是整个闲鱼前端团队，创业公司和阿里最大的不同。在创业公司很多情况下都是完成任务，而在阿里则是发现问题。把一些需求任务，拆成问题，然后解决问题。比如说，我们运营需要大量的页面，通常使用人力去堆叠，这会出现人力上限的问题，这个时候我们会针对这个问题，提供一个系统，我们会抽象出一整块的模式的搭建，让运营去解决这个问题。

第二部分：前端基础架构

我们一起来看一下在前端这个变化特别快的行业，我总结了四个阶段，这四个阶段分别为zepto、单页应用、端融合、智能化。

  

我们现在可以基于PNG的视图，就可以转化成一个代码，在这个图上来看，我们已经可以很成熟的可以百分百还原整个个设计稿的展示模式。

接下来，我们看整体结构，我把整个结构分为以下几个部分。

Q&A

问：技术上没办法实现的UI需求？

答：可能有些设计师在某个阶段生产出来的产物，跟技术的产物会有比较大的区别，我会跟设计师沟通。假如说这个实现是有问题的，给他我另外一个方案，我们会有一个基础的达成。

问：对于陈旧，维护性较差的项目，除了推倒重构外，是否还有更好的方案？

答：你觉得现在你成就的这个项目，你不满意的需求在什么地方，他的结构化设计不合理，他可能是一个前端应用化的框架，他有一定的差距，这个团队是否需要将应用应用化，如果在当前的工作中是非常重要的点，那可以投入资源，如果不是很重要，而且收益不是可见的话，去组建层的处理，让整个项目变为容易维护的阶段。

问：闲鱼有用到weex吗？weex中图片上传在android中内存消耗过大，请问您们有进行优化吗？

答：闲鱼前端现在整体的架构都是在weex基础上的，我们现在在weex图片的上传过程中还没有遇到像安卓内存消耗过大的问题，在外部开源中可能还没优化到，如果图片上传过大的话，可能上传之前图片就比较大，这个时候就可以去做一些封片的优化啊。

问：通过工具生成的代码怎么保证可维护性呢，会不会产出的代码后期很难维护？

答：我们希望生成的代码，可能要比手写的代码实现要更标准，它的实现可能也更优雅，因为机器是相对固定的生成模式，我们整个UI层到处的代码会是相对固定的标准，这样UI的部分他是统一的，一定程度上讲，机器生成的代码确实比手写的好，可能会对UI生成的代码有一定的改动。

问：技术选型时，主要考虑哪些因素

答：首先看你团队的能力是什么样子的，可能你整个团队在技术上可能比较擅长react或者vue，这个因素可能是较多的考虑的因素。

第二就是你接下来要面临的问题，比方说vue语法能力更强一些，像react单向能力更强一些，包括他的生态，vue会渐渐增强，而react像是全家桶一样的，我想我整个后期灵活性更强一些，我就回去选择vue，如果想快速的把整个应用搭建出来，我就会去选择react。

最后，如果您对闲鱼前端开发职位感兴趣，请投递简历到qingye.xzh@alibaba-inc.com

职位需求详见（点击阅读原文查看）：

https://yq.aliyun.com/articles/613815