《技术大咖零距离:我在阿里做前端》直播及QA回顾

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


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


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

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

•    个人经历及成长

•    阿里云前端技术

•    交流互动


640?wx_fmt=png


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

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


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


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


01

基础知识


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

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


02

实践


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


03

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


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


04

沟通能力


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

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


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


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

1、学习、思考、总结:

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

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

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

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


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


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


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


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


数据状态管理:


640?wx_fmt=png


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


640?wx_fmt=png


Mota

定义数据模型(Model)的方式是一个简单对象,之后还可以复用:


640?wx_fmt=png


输入双向绑定:


640?wx_fmt=png 640?wx_fmt=png


 现在和大家聊聊工程化:

•       基于任务运行的工具gulp、grunt(开发,自动化编排,打包)

•       打包工具webpack,rollup.js(转换,打包)

•       vue-cli、angular-cli、create-react-app(初始化,集成ts或webpack进行打包)

•       整合型工具Yeoman(自动生成工具,gulp,包管理),FIS,Fekit等。

 

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


640?wx_fmt=png


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

Dawn-标准化工程构建流程


640?wx_fmt=png


Dawn-阿里云工程化方案

基于pipeline&middleware

640?wx_fmt=png


总体来说Dawn:

 

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

•       无关框架、无关语言

•       轻中心化

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

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

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

 

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

 

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

2.选择好的学习平台



Q&A


问:在阿里有多少的自主学习时间?

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

 

问:校招面试和实习面试的区别?

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

 

问:前端的话最推荐先学习什么框架?

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

 

问:实习的时候出现BUG总是第一个被@,心态爆炸怎么办?

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

 

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

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

 

问:对新人而言,如何平衡广度和深度的学习?

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


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


职位需求详见:

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


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


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


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


640?wx_fmt=jpeg


第一部分:个人经历介绍


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


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


第二部分:前端基础架构


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


640?wx_fmt=png


  

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


640?wx_fmt=png


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


640?wx_fmt=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


640?wx_fmt=png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值