专访｜腾讯UI工程师@张鑫旭

前言

前端早读课第十一期专访来了，今天要分享的是常常在微博晒钓鱼，博文高产的 @张鑫旭童鞋，今天的故事你必定喜欢的，赶忙搬张凳子看起来～

正文从这开始～

1）自我介绍、如今所服务的团队、负责的项目

我叫张鑫旭，网名也是张鑫旭，因自认为待人真诚，没有必要遮遮掩掩，因而一直使用真实姓名。我其实有个曾用名，名叫张旭，后来算命的掐指一算，我五行缺金，得，父母果断加了个金最多的字-鑫，看你还缺不缺，故得张鑫旭。

如今在腾讯科技ISUX-社交用户体验部上海设计中心主要从事UI开发相关的工做，“UI开发”这个职位名称起得好啊，听上去即高大上，又把工做内容包含进去了，搞设计的，可是是经过开发（技术）来实现。其实呢，拿出程序员的自嘲精神来说，就是个写页面的。可是呢，能成为一个设计师承认和喜欢的UI开发，仍是须要不少积累以及一些编程之外的东西。若是正在阅读的你以为你就是这样的人，欢迎简历我(zhangxinxu@zhangxinxu.com)，加入国内顶尖的设计团队。

真巧，正好说到团队，咱们能够从闪亮亮的title提及——「上海设计中心」！为何是上海，恩，由于办公的地方在上海；设计，代表团队的小伙伴都是设计师……才怪，实际上由国内很是顶尖优秀的视觉、交互、用研以及目前独苗UI开发，也就是我组成；中心，带有支援各方的意味在里面，所以，基本上，上海这边与社交相关的产品咱们设计中心都会参与。

就我我的而言，负责的项目主要是QQ企业产品（欢迎你们说服本身老板购买）以及QQ公众号（应该不用多久就会全面开放，到时候欢迎你们体验，能够直接向我反馈任何问题或建议）。

2）自己是生物信息技术专业，到如今作前端开发，这期间你是如何思考并做的选择？

说穿了，就两个字：“兴趣”！

一件事物可以成为兴趣，天然是要本身可以作得来，有成就感，释放能知足自身愉悦感的激素，而后才能上瘾并锲而不舍走下去。

你们赶快搬好小板凳，我脑中的画面开始filter:blur(0px)→filter:blur(20px)模糊，之前的画面开始浮现出来了，故事即将开始……

我这我的很随性的，不少很重要的决定都是凭感受走的。比方说大学填志愿，咱们是分数出来再填志愿。结果知道分数后，花功夫去研究学校、研究专业了？屁来，连一个动画帧的时候都没用过，干吗去了呢？那还用说吗——钓鱼，巴不得睡在河边上。得，要填志愿了，屁颠屁颠跑到学校，彻底没准备怎么办？啊，我机灵劲来了，点兵点将，点到谁谁就上，哦，不是否是，点到谁就上谁。老夫看你骨骼惊奇，就你了，华中科技大学；至于专业，翻开本子，从上往下看，有生物字样的（我原本想成为一名生物学者，野外生物探险专家那种），从上往下一个一个填。而后第一志愿第一专业进去了。当时有思考吗，没有，反正就是，先进大学再说，至于之后要干吗，看天数。

而后，从小孤家寡人长大，没人指引，大学要干吗，之后要干吗，彻底没概念彻底没想法，用一个词形容就是“迷茫”，以致于作什么都没有激情，没有参加任何社团，篮球场上的眼神防守专家，同窗提起我，别人会“哦~~我知道，就是最后一排一直睡觉的那个”，成绩也是高不成低不就，稳定的中间游击手，固然，毋庸置疑，是单身狗。

后来本身想了想，这样蹉跎下去不行啊，反正时间都是同样的过，那就作点本身想作的事情。因而，我去干吗了呢？哈，没错，有人猜到了，去钓鱼，翻过学校可能会断子绝孙的铁栅栏，去后面的东湖钓鱼；还有串巷，随便搭一辆公交去陌生的地方走街串巷；以及一些没想到会对本身职业生涯有影响的事情，比方绘画，图书馆全部绘画相关的书都看过，素描，彩铅，水彩都自学过，屡次通宵做画。大二能够有电脑了，而后，对着80年代电视机模样的1024分辨率显示器自学photoshop, 暑假同窗都回家避暑了，我一我的练PS技术；下学期开始捣腾flash，搞些酷酷的效果本身得瑟下。

如今想了想，本身是个典型的内向的人，上面那些想作的事情都是一我的完成的，不须要交流损耗精力的，不须要逻辑思惟损耗能量的，两年下来看似无所事事，实际上一点一点积攒了不少精神能量，厚积薄发一触即发。

故事即将进入高潮……

大二暑假，在河边上，钓了一个暑假的鱼，顺便思考了一个暑假的人生，忽然就想通了，男人有实力才是王道。大三回到学校，整我的精神暴走，凭借本身纯粹兴趣使然学的点PS和Flash技术分别进入了校义工部作平面设计，校网络应用研发中心作网站(flash方向)，没错，应该是别人大一干的事情，我起步比其余同窗慢了2年。因此，基本上，天天早起晚归，拼命追赶，没有任什么时候间的浪费，天天时间都不够用，作设计作动画。而后还得了义工之星奖励，标识设计还拿奖，班级篮球队也得了冠军，彷佛个人大学生活开始有了亮彩。

在网络应用研发中心，让我开始接触互联网，接触网页，当时找我进去值作flash特效的，当时这种酷站挺火的。然而，进入后，flash没什么活，到是有不少外包的写CSS的活，人手不够，我就主动请缨，帮忙写页面，花擦擦，全是通宵搞，不要太有激情。那个时候，我还不知道，这玩意是能够帮你找工做的。

转眼大四了，我擦，校招来了，对于从没踏出校门的我来讲，第一次有个认识外面世界的机会。那个时候，我才第一次知道，原来世界上有一种职位叫作前端开发，须要懂PS懂CSS懂JS，虽然哥JS很挫，但AS写得不错，我当时就high了，这不是给我量身定作的职位吗，我大学瞎折腾的不就是这些鬼吗！当时那个激动啊，要是兴趣能当饭吃，我就能够上天了。

此时我看了一眼个人专业“生物信息技术”，爱过。而后，我就决定走前端这条路了。

告诉你们一个秘密，我其实还犹豫过要不要去作网页设计，职位要求要会PS, 最好懂CSS，好像挺符合的嘛。后来我为啥放弃了呢，某天兴致勃勃来到社团办公室，而后你们在围观团队里工设专业第一设计师妹子的网站改版做品，我也跑去凑热闹，当我看到做品的那一瞬间，我一会儿懵逼了，忽然意识到，原来人和人的差距能够这么大，一会儿明白有些东西不是有兴趣有干劲就能超越的，遂放弃。

固然，毕竟比别人晚两年，且一直没出去看看，眼界什么的狭隘，加上本身的表达能力是罗永浩的补集，校招惨败。举个例子：兴致勃勃，西装笔挺跑去面试阿里，老激动了，年轻人嘛，为了想展示本身能力很强，说话嘛，有时候分寸拿捏很差。

“我一天就学会了CSS?”

“你肯定你学会了CSS~”

我愣了1秒，吧嗒吧嗒个人大眼睛，补充道：“恩，我是1天就学会了！”

而后一男一女两个面试官就在面面相觑咯咯咯咯的笑。

当时我就嘀咕了：“笑毛线啊，靠，尼玛之后请我去你那儿上班我都不去，太不礼貌了”！因此，不少年后，当阿里和腾讯offer同时摆在我面前的时候，你们都懂的。

由于起步慢，校招不顺利，才有了后来大四我去实习，毕业时候，辞去实习工做，去闭关学习php和JavaScript，第二年也就是10年才开始正式参加工做的经历。也就是，虽然我09年毕业，但10年才正是从事前端这个岗位。

期间遇到的挫折和迷茫仍是至关大的，后来，是凭借俞敏洪，乔布斯以及罗永浩的励志演讲，以及对前端的真爱才走下来的。不过那是后话了。

总结下就是：当年我是个很普通的屌丝，一事无成，同窗都很优秀，各类奖学金拿到天上去。后来阴差阳错遇到前端，发现这玩意门槛低，好入门，进入大学这么多年，终于发现一件能够作得来的事情，因而有了兴趣，而后在”follow your heart”这句话的激励下，披荆斩棘在前端这天路上走了出来。至于专业，不念到博士难有大成，想都没想过。

3）跨专业作前端开发这几年中，你以为你最大的收获是什么？以及跨专业对你有什么影响？

最大的收获嘛，往高大上方向讲，就是经过不断地分享，让不少前端同行的获得了学习和成长，也对整个前端行业的发展作出了一点本身力所能及的贡献；若是往世俗方向讲，有了本身的车子，虽然是小车，有个本身的房子，虽然在乡下，有个娇妻，没有虽然，而后还有儿子一枚，哈哈哈，没错，我就是传说中的人生赢家。低调低调。

跨专业嘛，只能说跨半个专业，作前端，计算机专业对我仍是帮助很大的。虽说，当年在大一学C语言，根本就不知道，在黑底框框上敲一些白字都有些什么用啊，没兴趣，可是，毕竟是专业课，计算机的理论什么的，程序基础都仍是知道的。因而，当我学习flash发现as能够实时呈现一些动态效果的时候，个人天窗被打开了，原来程序是这么个东西，兴趣也起来了。因此，我一直认为，大学应该先学JavaScript这种所见即所得的程序语言，先培养兴趣，而后在C/C++走起。

至于跨专业的生物，我原本想说没怎么用心学，不影响，后来一琢磨，不对，影响很是大！正是由于我选择了生物信息，我才能遇到了个人室友宏达，因而才有了下面的对话，“鑫旭，你最近都在干吗？”“在弄网站。”“是吗？那很好啊，互联网颇有前途的！”就是这么不经意的一句话，若是没有这么一句话，前端界说不定就看不到个人身影，从一点上讲，跨专业影响巨大，哈哈！

不过，我忽然一想，大学里有“前端开发”这个专业吗？貌似没有吧，你们应该都是跨专业的吧~~

4）博客这么高产而且研究的问题还很细致，在这点上，你是有什么特别的学习方式吗？

这个问题，以前有人邮件或其余方式问过我相似的：“哥，我写技术文章比女人生孩子还难受，半天都憋不出一句话，你有什么诀窍吗？”

个人回答都是“这个嘛，多写写就行了！” 其实心里真实的想法是：“这个是须要点天赋的”。

为何当年我看到工业设计专业第一妹子做品的一瞬间就放弃了呢？有些东西是很难逾越的，一个是不少年的积累，二是内在的天赋。有些事情要想作得好，勤奋就能够；可是要想顶尖，天赋是必不可少的。

我想说的是什么意思呢？博客为何这么高产，戳穿了，由于写做自己也有天赋同时有不少的积累，写篇文章就跟吃顿饭同样稀松日常。小学时候就开始在国内期刊发表做品，拿奖，一直笔耕不辍。以我如今的眼光来看，与本身以前内向敏感细腻的性格有关，艺术气息浓郁的人，每每内向孤独。因此，小孩子性格内向，并非一件坏事情。

一样的，存在这样的人，说话颇有天赋，任何场合都能即兴演讲，像说相声同样，语言表达颇有天赋。你问他有什么特别的学习方式吗？估计他的回答也就是“多练练”，实际上，我是很清楚的，人家语言区逻辑思惟很强，汪涵可不是人人都能作的。

第二个小点，“研究问题细致”，仍是与人特质有关，我能一个成天坐在河边，像个傻子同样，看着鱼漂一动不动，估计不少人是作不来的？可以长时间静下心来专一在某件事情上，这是作研究很是重要的特质。因此，性格活泼外向，很是能说会道的，可能管理有道，可是通常技术尔尔。

而后，还想补充一点，兴趣很重要，写文章作研究是件很辛苦，而且没有明显收益的事情，若是只想把前端开发看成吃饭的工具，而不是真正发自心里热爱它的话，是很难坚持下来的，这个时候，才能体现”follow your heart”这句话的价值。

最后，分享下我作研究的些心得吧。其实呢，咱们作前端技术研究，跟大学里作科学研究是同样的。首先，明确研究对象，比方说我想研究CSS中的层叠上下文，OK，1. 先去找资料，官方文档或者MDN等外文站点（科研是找文献）；2. 验证资料中的观点，例如，inline元素覆盖float元素，此时能够设计实验，在网页中就是写demo，看看是否是这种覆盖关系，必定要亲自验证，其余地方的文章会有错误或者观点过失；3. 提出资料中没有的本身的疑惑，例如，层叠上下文的层叠顺序是哪一个级别？我以为貌似是z-index:auto级别，好，为了验证这个观点，咱们再次设计实验，让几个z-index:auto的元素与之重叠，且前后顺序不同，看最后的表现，获得咱们的结论。

其实如今想一想，我实际上是个作科研的好手，只是学校的教育没能及时吸引个人兴趣，若是走本身的专业“生物信息技术”，一直研究下去，应该对人类的贡献更大。很差意思，扯远了~

5）在前端技术的深广度上，你以为在这条路怎么走？

我就说说我本身在前端技术的道路上如何积累深度广度的吧。

关于广度的学习广度学习，在我职业生涯早期，通常都是关注不少知名前端团队的官方博客。后来，发现，这些博客一是大部分都坚持不了多久，二是内容已经不能知足个人胃口的，三是加上工做事务愈来愈多，后来，这些团队博客基本就放弃了，转而集中关注国外知名的前端学习站点。

包括：http://www.sitepoint.com/, http://maxdesign.com.au/, http://www.smashingmagazine.com/ 以及https://css-tricks.com/

基本上，每个月都会花几天时间，认真浏览每一篇文章，以为有价值的，就是记住，或整理成文章，或者编辑成小tips微博备忘或传播。

因为本身有刷微博的习惯，所以，还有不少新的知识，是微博上一些积极传道的同行小伙伴传播的，本身或转发或评论，等须要的时候，就能够找到。

关于深度的学习就我我的而言深度学习在于多想和多写。

而这里的深度，又包括两方面，一是上面广度内容的深度学习；二是基本知识的深度学习。

① 广度内容的深度学习

咱们都会见到或听到一些新的属性、名词或者特性或者技术实现。通常的同窗都是看一下，知道有个这么回事。

而我本身，必定会本身亲自实践，至少整个demo什么的，若是在实践的过程当中发生一些有意思的事情，必定会整理篇文章，和你们分享下。一来思路提炼，二是知识备忘，三是往后用到的时候能够快速上手，四是帮助其余同行的学习。

② 基本知识的深度学习

这里基本知识就是咱们日常常用的一些东西，看上去简单、朴实，实则深有学问。学习的关键就是多想，就是多提几个为何？这须要必定的前端敏感度。比方说，一个普通的标签里面有个图片，结果图片下方会有几像素间距，这个间距是怎么来的？

通常的同窗遇到问题都是去度娘或谷哥搜索，找到解决方法，而后就没有而后的。并无去深究背后为何会这样。

为何呢？由于，越是简单的东西深究起来越麻烦。就比如问为何1+1=2这样的问题。可是呢，前端这东西门槛低，若是你没有这些深刻的理解，如何跟其余茫茫多普通的前端作区分，从而迎娶白富美，走上人生巅峰呢？

项目这么紧，哪有闲工夫去研究这些看不到价值的事情，相似这样的心理致使学习老是遭遇瓶颈，若要在技术领域有所成，这样的心理必定要有所转变。

而我会牺牲几十个小时的钓鱼时间，去思考：会是什么缘由呢？而后不断写demo，变换属性等方法验证本身的想法，看看能不能解释得通；网上会找资料，尤为外文，有没有相关解释；会去CSS官方文档寻找蛛丝马迹。直到所有梳理清楚。

而后，很重要一步，就是要把所想所得记录下来，必定要记录。由于咱们都不是天才，过了一段时间，都会有所遗忘，惟有笔耕不辍方能弥补。

最后呢，很重要的一点就是：学习这东西必定是要肯花精力的，并且没法一蹴而就，须要日积月累，贵在坚持！

有些同窗成长初期可能会疑问，人精力老是有限的，我是先专一于广度的成长呢仍是深度的成长呢？从长远来看，都是深度和广度都是须要积累的，没什么差异，那么初期应该侧重哪一点呢，我我的以为应该根据本身公司、本身从事的项目或者业务须要走。中小企业可能须要你是多面手，页面写的起来，开发也作得来，此时，广度应该先重视起来；职位划分很是细致的大企业，须要你某一方面是顶尖的，显然，深度的学习是优先关注的。

6）如今前端技术层出不穷，你对前端新人有没什么建议？

建议谈不上，说说本身的见解吧。

从生物学的角度讲，一个物种要想在地球上存活的久，多样化很重要，不管是外形，性格以及食物。若是体型很大，须要能量就多，食物匮乏就惨了，优先饿死，此时矮人(侏儒)存活机率大; 再说性格，若是物种性格都是同样的，很容易被利用和灭绝，比方说渡渡鸟，都不怕人，70年时间就被灭光了，若是只要有中华田园犬这种程度的机敏，保证能够活到今天; 食物更好理解了，考拉只吃桉树叶子，一旦桉树遭遇大规模死亡，考拉日子也很差过了。

扯这么可能是想说明什么呢？从宏观角度看，对待新技术的各类态度并无谁对谁错，这些观点态度其实对于整个前端生态而言都是很重要的。我以为应该用包容开放的心态看待不符合本身做风的态度，放下自尊，主动吸取对方之长，这对于本身的成长很重要。

就像投资同样，有人喜欢价值投资，稳固保守；有人喜欢追逐热点，快速收益，其实都是为繁荣经济作贡献。

咱们作前端的在职场中打拼，虽说是作技术的，但最后世俗定义的成功，技术的能力只是一部分元素，一个加分项而已。基本上，公司里管事的都不是技术最厉害的，而是当年技术作过贡献，其余领域如沟通，领导力也比较出色的人。可能几年前，我会建议新人：“你想成为技术大牛，在技术领域有所造诣，时髦的新技术能够先不急着深究，夯实本身的基础最重要，必定要系统学习，而不是靠有限的经验积累。”可是，如今的我并不会这么说了，由于每一个人追求的不同。比方说我，我更看重我的技术成长，对团队的帮助以及对行业的贡献。可是，很大一部分同行，追求的是升职加薪，若是某个新出现的技术对其职业发展颇有帮助，例如React.js帮助公司作移动开发。咱们还会要求这个小伙伴，不要跟风新技术，好好扎实基础吗？错过了时机，会影响人家的职业发展，表现和升职的机会就会错失。

因此说，对于前端新人而言，重要的是自我认知清晰，知道本身想要的是什么，知道本身的特长在哪里，这个很重要，必定要认识清楚，若是只是盲目跟风，或许既不能收获技术，也不能收获职业发展度，那就比较不幸了。

7）若是让你推荐你工做中所用到的工具，你会推荐什么？

这个问题还真烧了我很多脑细胞，我并非一个热衷于工具的人。非要推荐一个，那就Faststone Capture吧，截图、标注以及量尺寸，是我使用频率至关高的一个工具。其余嘛，若是要录制屏幕为gif动图，能够试试使用ScreenToGif，我通常会再再Photoshop中再从新保存一篇，优化下大小。

“没了？”

“是啊，没了！”

“有点短，要再也不说一点？”

“这个……那我推荐下本身的博客吧，若是有想了解的前端知识，试试去我博客哪里搜索下，说不定会有不同的发现！”

后语

看到这里了，有什么想分享的吗？

其实早读君蛮想了解你们是从哪一年开始作前端的？

点赞数前2的评论，将得到@图灵教育赞助的《svg精髓》、@大漠赞助的《图解css3》。时间截止到当日22点。

ps：在兼职上有遇到哪些问题呢？工做完成，尾款收不回来！！上实现网先付款后开工，轻松赚钱～～