前端男神尤雨溪传奇

前言

本文探寻尤雨溪的成才之路解密vue背后的动人故事。尤雨溪以一介文科生而成长为计算机界的大拿成功之道何在我虽乏史迁笔法但有史迁雄心搜罗网络荟集成文以飨读者。

话说尤大的英语口语让我辈仰止。

成长之路

从小学到初中

1987年尤雨溪出生在无锡一户注重教育的家庭。1987是一个神奇的年份球王梅西台球神童丁俊晖相继来到这个世界上。爸爸是公务员妈妈在大学教书后来去了银行。上小学时按照惯例10月及以后出生的适龄儿童要等下一年才入学而尤雨溪的爸爸不这么做相当于让尤雨溪提前一年上了小学。

小学的尤雨溪虽有一台486但并不用它学编程而是经常缠着表哥帮他装游戏一次看到表哥在家里玩《无悔的十字军战士》感觉很酷就让表哥也帮他装一个。但自己的486只有 4MB内存没法装。后来表哥帮他升级了 8MB 内存条才装上了他心爱的游戏尤雨溪因此超级崇拜表哥。尤雨溪经常去家旁边的网吧玩一来二去跟网吧老板混熟了人少时老板免费让他玩。慢慢地网吧为大众接受尤雨溪再去网吧家里人也就不管他了。 当时奥数风潮正兴小学快毕业时为稳妥进入当地最好的初中对数学没太大兴趣的尤雨溪参加了奥数比赛并且拿到了奖。爸爸兑现奥数拿奖承诺在小学升初中的暑假奖励了尤雨溪一台奔腾2尤雨溪非常开心终于可以玩《帝国时代》了游戏之余尤雨溪开始用 Windows 自带的画图工具在电脑上画画积攒了30多幅画作。这是尤雨溪最早的作品。 大桥中学一直是无锡最好的民办初中师资力量很强。在这里的三年是尤雨溪学生时代压力最大的时期。「学校课程排得非常满早上6点就要吃早饭准备上学。」班里竞争激烈全班40个学生尤雨溪成绩一直是中上游水平。「考进前10名就算很好的了。」 尤雨溪爸爸人大毕业考过托福但专业所限没能出国出于这份执念从初一开始爸爸就一直逼尤雨溪背单词。尤雨溪在校学习强度本来就很大双重压力之下尤雨溪失去了学习的热情可他还是很听话一切尽力为之。 申请到美国本科「全奖」 周末上海到无锡回家的火车上尤雨溪还在背《新概念英语》。到家爸爸会抽查背不出来就要挨骂尤雨溪因此恨过爸爸。《新概念英语》从第三册起难度陡然增加需理解文章逻辑才容易背诵。背完《新概念英语》第四册后尤雨溪英语水平到达了新高度。平时英语课不太认真考试
同样能拿高分到此尤雨溪又开始感谢爸爸逼了自己一把。

高中三年

2002 年复旦附中还在面向全国招生1000多人参考招50名外地学生。「大我一岁的好友先考进了复旦附中。他将这个消息告诉了我。」「可想而知信息差对一个人的影响有多大。如果当时不知道外地生能考复旦附中我就错过了一次重要的机会。」 在复旦附中的三年尤雨溪过得很开心没有初中那么大压力有时下午四点多就放学了尤雨溪就会和几个同学去网吧打游戏。复旦附中有各种社团是国外通识教育的氛围。「学校生活开销也不大食堂的伙食很便宜偶尔会租一些漫画、小说来看玩游戏会花一点钱。」 复旦附中一位学长被哈佛录取触动尤雨溪开始申请美国本科但时间有些晚了。当时国内无法考 SAT 要到香港去考可尤雨溪还要上课根本来不及安排去香港更别说备考了。因此尤雨溪考了托福却因没请中介自己拿托福成绩「裸申」而均以失败告终这些学校根本不考虑没有 SAT 成绩的学生。尤雨溪也尝试性地申请了哈佛大学拒绝信寄到了复旦附中门卫大家看到以为尤雨溪也被哈佛录取了尴尬的他只能告诉大家自己是被拒了。万般无奈之下尤雨溪去请教那位考上哈佛的学长学长告诉他第二年三月还有一批常规录
取。另外可以多逛逛留学美国本科的交流平台 CUUS 论坛。在 CUUS 论坛尤雨溪了解到美国文理学院Liberal Arts College以本科教育为主规模小而精顶尖文理学院的学术声誉完全不输常春藤名校。在三月第二次申请后尤雨溪很快拿到了两三个录取通知书都有全额奖学金他选择了离纽约比较近的学校 Colgate。 拿到 Offer 后尤雨溪就不想国内高考的事了开始在附中混日子。爸爸警告他签证还没下来如果最后拿不到高考又考砸了那就完了。尤雨溪就很不情愿地继续备战高考结果考上了复旦大学。

被爸爸逼到失去学习热情 最小玩家尤雨溪躲在老家旁边的网吧玩《红色警戒》。爸爸冲进来揪着耳朵把他拎回家

大学四年

2005年18岁的尤雨溪踏上了美国征程。已在波士顿的表哥开了好几个小时车将他送到学校。尤雨溪完全没想到 Colgate 在纽约郊区一个几千人的小镇里虽然像个世外桃源但没车寸步难行。「本科四年过得比较憋屈。」 学金融一方面是爸爸的主意另一方面「那时计算机专业还没有后来这么热门大部分同学都会选择数学、金融这样的专业因为这些领域更容易找到 H-1B工作签证的工作。」

Colgate 培养了很多金融领域的人才每年会有一些金融企业来学校做宣讲招聘。 尤雨溪很早就玩 Flash 动画制作还做了一个作品集他随意把一些作品发到网上的互动设计论坛里结果被北京一家公司的创意总监看中邀请他到北京实习。尤雨溪的作品和作品意识一直是他人生的杠杆为他创造机会放大效益。 在 Colgate 大二快结束时尤雨溪当面跟爸爸讨论了专业问题他对金融不感兴趣。尤雨溪要用一年时间在艺术设计方面做出点成绩来这是他第一次说服爸爸。 北京的半年实习彻底改变了尤雨溪他决定要做一名设计师。再回到 Colgate尤雨溪放弃金融坚定地选择了艺术专业Studio Art。遗憾的是 Colgate 严格说只有一个老师真懂数字艺术尤雨溪需要自己摸索专业知识。当 Flash 可以用 ActionScript 语言写脚本时尤雨溪开始做一些简单的互动接着尝试实现复杂场景。学到 ActionScript 3 时尤雨溪对编程就有了些概念。但凡基于实践需要再难尤雨溪都会主动去学。 「好在并不是所有类型的编程都需要数学功底」因为尤雨溪的数学学得不算好对他感兴趣的方向来说「编程更需要逻辑分析能力」而他在 Colgate 逻辑课拿了 A+ 。尤雨溪学编程出于视觉驱动他看到别人做出了一个很酷的东西就开始想怎么写代码才能做出这种效果当然也会尝试反向编译别人的源码。

让艺术插上技术的翅膀 尤雨溪学会ActionScript 3 后开始做带互动的实验性网站。一做就是一个通宵第二天出去吃个饭回来睡俩小时继续干。尤雨溪庆幸自己具备这种长时间保持专注的能力。

GitHub 的出现让他十分开心他天天在上面看别人的源码看到源码就能弄明白一个东西是怎么运作的。尤雨溪的编程一直是结果导向。 尽管如愿以偿开始数字艺术专业学习但尤雨溪知道数字艺术专业找不到工作他必须读硕士将艺术插上技术的翅膀。在四、五个 Offer 中尤雨溪选择了 Parsons帕森斯设计学院因为他还是想留在纽约。Parsons 的同学非常跨界有的同学是工作了几年的设计师想学编程有的是经验丰富的软件工程师想搞艺术他们来自不同的国家和地区。

纽约是个大熔炉。 硕士阶段没有奖学金「花了家里不少钱。」所以尤雨溪很拼努力学到了很多东西。「这么多花销如果再不努力最后再找不到工作就太说不过去了。」在此期间尤雨溪不仅学习了 openFrameworks、动画算法等技术还接触到了JavaScript 编程语言并在 JavaScript 这条路上越走越深。

入职Google

2012年尤雨溪迎来自己的毕业季。

2012年Facebook 的一位团队负责人在网上看到尤雨溪用 JavaScript 在 Web 实现 Clear App 滑动操作的视频立即邀请尤雨溪到 Facebook 面试。此时 Facebook 对 Web 的兴趣比 App 大认为用户在移动端会延续PC 端的网络使用习惯更多地使用手机浏览器而非 App。尤雨溪能在浏览器复刻 App 效果很合 Facebook 胃口。 四、五轮面试后一位华裔工程师面试尤雨溪他问「JavaScript 原型链是什么」尤雨溪完全回答不上来。「之前只学了实现目标任务的技术并没有对JavaScript 进行系统学习。」

从 Facebook 败下阵来尤雨溪重新啃 JavaScript 教材。「把JavaScript 语言的每个细节都过了一遍。之后别人再问JavaScript 是怎么回事我总能说得头头是道。」
几个月后当尤雨溪正为硕士毕业后的工作着落发愁时意外收到了 GoogleCreative Lab 猎头的邮件问他有没有兴趣聊聊尤雨溪当时就兴奋地回邮件说好电话即刻响起猎头在电话那边说明项目后没提面试的事直接问尤雨溪是否有兴趣加入。

Google Creative Lab 每年招5个应届生项目经理、文案、平面设计、动画设计、交互技术各一人组成 The Five 团队尤雨溪负责交互技术。此刻的尤雨溪感到了天生我才必有用「程序员最讲究的就是作品光说没用代码要拿出来溜溜所以现在程序员都得有自己的 GitHub。」 兴奋的尤雨溪赶紧通知远在中国的爸爸自己被 Google 录取了。尤雨溪爸爸却纳闷了儿子一个艺术生怎么能去 Google但他还是非常、非常地高兴 Google Creative Lab 是个非常有意思的地方这里以做创意类的东西为主延续了 Google 早期奔放的做事风格。「不少搞技术的都是创意领域的精英拿过很多大奖。」Creative Lab 工作节奏非常快创意总监出一个想法俩小时后平面设计师就做出一个工作流程紧接着就需要尤雨溪当天把原型在 Web 上实现。「哇这么酷的东西居然让我来做」Google Creative Lab 80%~90% 的项目都是保密的是Google 的内部产品属于团队内部探索。「一个产品现在是这个样子5年后和10年后它可以变成什么样10年后的交互还是不是这个形态……」

工作之余尤雨溪开始开发自己的「玩具框架」 Seed。Google 的工作内容偏重开发速度而尤雨溪想沉淀一些更工程化的技术能力另外每次都靠作品获得机会的尤雨溪单纯觉得「要有作品可以开源作品才是成就感」。 Seed便是 Vue 的雏形。 创意行业设计师非常看中技术人员还原设计稿意图的能力要求技术人员首先能很好地理解设计意图其次要有审美能力。尤雨溪在团队的头衔叫 Creative Technologist负责把创意转换成看得见、摸得着能够交互的程序。Google 看重尤雨溪用技术手段将创意展现出来的能力和细节方面的执行力在 Google像尤雨溪这样的人不多。 但尤雨溪在 Google Creative Lab 做了两年多就离开了他不想总在不同的项目间跳来跳去。「在这里我们做了好多内部原型用来反馈各种各样的创意想法。一般1~2周做完先是内部讨论觉得这东西有意思然后把狂放的想法中比较实际的东西提取出来交给产品团队。产品团队看到我们的东西通常会说‘很棒不过有点太酷了我们可以把里面的一些东西搬到现实的产品中来。’然后就没下文了。」 尤雨溪渴望做出来的东西能传达到用户手里更想看到它能在世界上
产生些影响。当然现在 Google 的产品中有些能看到当年他们所做东西的影子但这个反馈周期太长了…… 。
尤雨溪离开 Google 没立刻告诉爸爸他怕爸爸担心他的未来……全职做 Vue。尤雨溪又瞒了爸爸一年……

加盟Meteor

2014年10月Meteor 邀请尤雨溪到硅谷分享他的个人作品 Vue随即便邀请尤雨溪加入公司。「Meteor 是第一个用 JavaScript 做全栈的公司概念很超前当时 JavaScript 生态正在 npm 带动下快速爆发。」不想再在 Google 做颗螺丝钉的尤雨溪欣然接受邀请开始在新泽西远程为 Meteor 工作。 尤雨溪愿意从 Google 离职更多是为了诞生于2014年2月的 Vue 能在专注做框架的 Meteor 公司得到更好的发展。Vue 是创建用户界面的 JavaScript 框架也是创建单页 Web 应用的框架。互联网 UI 设计师要想让自己设计的页面生动起来就需要学 JavaScript 编程Vue 提供的 JavaScript 框架能帮助没有经过太多编程训练的 UI 设计师快速接受并理解规范的编程理念减少底层编程的工作量。 刚到Meteor尤雨溪就建议 Meteor 拥抱 npm 生态圈「把整个框架改造成一个能直接使用 npm 生态的包。」当时 Meteor 自己有一套包管理系统与 npm 并不兼容。Meteor 认为尤雨溪的建议是一次成本很高的重构风险太大没有采纳。直到后来尤雨溪的建议被市场证明Meteor 才开始拥抱 npm但为时已晚。 对于尤雨溪来说在 Meteor 工作的这一年Vue 演进顺利他也对前端框架的架构有了自己的理念。但 Meteor 却是个极端一体化的框架前端、后端、数据通信甚至数据库都要特别指定。「指定数据库这一点极大限制了它作为一个全栈框架的适用范围把自己的市场份额压缩得非常小是个败笔」尤雨溪在 Meteor 没有技术决策话语权。

后来Meteor 竟选择押注 Facebook 的React而不是尤雨溪的 Vue。 判断出 Meteor 框架没有前途尤雨溪一下子失去了动力。「我做的这些事也不能让 Meteor 起死回生还不如辞职全职去做Vue。」「我宁愿快乐地工作12个月也不愿不快乐地赚11个月的高薪然后休1个月假花钱买快乐。」。

vue创世纪

后来的事情大家都知道了正如文章开头所说尤雨溪在硕士毕业后先后供职于 Google Creative Lab、Meteor全职做 Vue。

2016年2月尤雨溪毅然从 Meteor 离职开始凭一己之力挑战 Facebook 的 React、
Google 的 Angular。时间轴拉到2021年Vue 在全球最佳 Web 前端框架中排名第二成为
GitHub 上最受欢迎的项目之一。 GitHub 是尤雨溪的办公室和杠杆。尤雨溪一直认真阅读
GitHub 上对 Vue 提交的 PRPull Requests以此判断提交 PR 的用户对 Vue 的理解如果这个用户所发的 PR 和尤雨溪的想法重合两三次尤雨溪就会邀请他加入 Vue 开源团队。GitHub 不仅是尤雨溪找用户的地方还是尤雨溪找团队的地方。那些在 GitHub 上活跃的 Vue成员不一定非要写代码以及做技术上的贡献。「发现问题、回答问题、帮助社区新人上手或修改文档等都是非常有价值的贡献。」Vue 团队成员因迫于生活压力或技术兴趣转移等因素离开也很正常。「一个开源社区想要有活力地延续下去就要不断发掘、吸纳新鲜血液更要给新人成长空间。」「开源的活力就在于每个参与者都在真正自主地做事大家都希望项目变得更好。」 Vue 诞生在 Google 2013年纽约Google Creative Lab。Google 很多项目在这里实验、诞生。尤雨溪在用 Google 的 Web 前端框架 Angular 1现在叫 AngularJS实现各种新奇、非传统的交互创意。他一边快速完成创意总监交派的工作一边从设计师角度简化AngularJS就此埋下一颗颗替代 AngularJS 的种子。

2016年2月新泽西29岁的尤雨溪着手在 Patreon 众筹平台开设账号。接着他呼吁 Vue.js以下简称 Vue用户赞助 Vue 全面开源。尤雨溪好友郭达峰立即响应使用其公司开源基金向 Vue 提供了为期6个月、每月3000美元的支持。尤雨溪的月收入很快达到4500美元但依然不到供职 Meteor 公司时月工资的一半。

此后他逐渐找到了适合自己的工作与生活节奏也将 Vue 送入了 GitHub TOP3 Repo。这一切看似不难如同每一次人生选择之后的发展轨迹便顺理成章一样。尤雨溪本人则认为时机、坚持、基于用户去思考三者缺一不可。

本文参考

• 尤雨溪 Vue 登榜 GitHub 之路
• 在框架设计中寻求平衡