第5届D2前端技术论坛(上午)文字实录.docx

主持人： 欢迎大家来到“第5届D2前端技术论坛”，相信你们当中也有相当一部分人已经认出来了，我曾经主持过第3届D2，我是今天上午的主持人，谢谢！ 除了我以外，今天还有很多往届嘉宾，小麦今天会是上午场的重头戏，圆心也会在上午讨论里面带来精彩内容，还有许湛，当然今天还有往届很多D2老面孔，到第五届的时候，我们终于可以回顾一下中国前端发展史这件事情了。 切页面、页面美化、美工，相信这是很多前端同学心中之痛，乃至他们看到这几个词都深感羞辱，但是中国前端工程师职位乃至这个职业就是从这几个词开始发展出来。我们现在终于可以用骨灰级前端形容在座各位当中相当一部分人，当然小麦除外，他不是骨灰级前端，而是前端的骨灰，他现在不做前端了，而是做产品经理。 相信在座90%以上的人都是前端工程师，但是你们未必每个人都可以这样说“我对前端职位有非常深刻的理解”，所以首先我们要请出来另外一位骨灰级前端淘宝网小马分享对这个职业的理解。小马： 谢谢主持人，谢谢大家，看到这个会场坐的满满当当，欢迎大家来到“第5届D2前端技术论坛”会场，我先跟大家道歉，知道前天晚上我们做了一个艰难的决定，因为我们工作失误，需要临时更换会场，可能给大家出行、酒店住宿带来影响，这里说一声对不起。 我在网上搜索了很久，看看最早的前端招聘广告，但是搜索了很久没有搜索到，我从前雅虎前端架构师这里找到一个截图，这是想说明在2001年雅虎招聘第一名前端，大家知道前端这个岗位产生于雅虎，2001年可以说是前端诞生的年份。 （PPT）这是淘宝在2007年前端招聘广告，我们也自诩为业界最牛的招聘广告，也许这不是中国最早的前端招聘广告，但是最认真、最用心做的一次，前端在淘宝有一个岗位定义，岗位胜任度模型当中的定义给大家念一下“前端负责前端产品领域开发，保障提升产品代码质量、性能、可用性和可访问性”，这是前端在淘宝要具备的一个责任。 （PPT）我对前端的定义是“面向用户的程序员”，既然是程序员，要具备程序员的严谨、好学态度，还有追求骇客的精神，前面还有一个定语，“面向用户”，实际上我们代码直接被用户所用，点右键就可以看到我们的工作成果，我们需要掌握一些面向用户领域的用户体验知识，我们比其他工程师需要更加懂得在用户、技术、商业之间找到权衡，这是前端和其他工程师不同的地方。 （PPT）在淘宝前端的范畴是什么？以客户端网卡为界，客户端网卡到客户端屏幕之间的所有部分都是前端，从服务器数据通过互联网，通过客户端网卡到客户端终端所有部分都是属于前端工作范畴。 （PPT）这是淘宝前端团队发展规模，2006年淘宝还没有前端，我是2006年底入职，当时我的Job 还是JAVA工程师，到2007年初通过HR、公司组织结构改成“前端工程师”，2006年我们没有，2007年有五位同事，2008年是14位，2009年是30位，今年我们接近80人，明年按照今年招聘预计会到150人的规模，基本上都是以翻番速度在增长，说明大家在公司的重要性越来越凸显。 待会儿小麦会有非常精彩的分享，分享各个前端业态下的前端发展，我节约一点时间。 （PPT）最后我想说HTML5已经正在成为现实，前端在技术发展趋势当中拥有无限全能潜能，因为HTML5有时候做的事情可以超出我们想象，大家还记得第四届D2主题吗？ “蜕变”是第四届D2的主题，我们不再是美工，不再是制作，不再是网站重构，我们已经有自己的价值，到第五届，随着HTML5，随着开放平台、随着云计算发展，前端被创造的价值会更加大，我们潜能无限，谢谢大家！主持人： 首先感谢主办方淘宝网，其次感谢协办方果壳网，特别致谢Google、腾讯王网、Cisco WebexWebX、图灵教育等，下面请出讨论板块主持人小麦。小麦： 今天Discuss主题是“前端的过去、现在和未来”，这是我和小马琢磨出来的，D2举办五年了，这五年D2成长也映射了前端职位成长，小马请了六位达人，我一一为大家介绍。 第一位是来自Google的UI Developer Hedger（王喜）同学，Hedger在Google工作，他是UI Developer，他现在做一个Google的Ibookebook项目，今天主题是Closure Compiler。 第二位嘉宾是杜欢，他是前端架构师，在加入思科之前，杜欢在雅虎台湾前端团队担任Team Leader，有丰富的大型前端开发和架构管理经验，同时也是CSCN社区板块斑竹。 第三位同学是高程同学，来自雪橙网络，这是一个比较新兴的互联网公司，他们做Ipad应用，也有移动端应用，主要负责时间管理软件Web版的，有一个博客叫前端观察的作者之一。 第四位是张克军，他来自豆瓣，05年到09年在雅虎中国，他是第一个建立起雅虎中国前端团队的人。 下一个是老面孔，圆心来自淘宝，圆心我觉得介绍你有点太罗嗦了，圆心是淘宝业务组前端负责人，是D2论坛发起者，目前是程序员杂志专栏特邀作者。 最后一位是今天的亮点，欧阳薇同学，她是我们在座唯一一位女生，另外一个亮点，她的本职工作并不是前端开发工程师，她是做运维的，前端对她来说是一个爱好，她把这个爱好发挥到极至，曾经编写过一个基于JAVA ScriptJavaScript的“植物大战僵尸”。我是小麦，来自果壳网。 （PPT）这是我们的过去、现在与未来，我想让他们介绍一下当初你们这些页面仔怎么成长为现在的牛人，这是第一个话题。 到现在如入行多少年了？Hedger： 最早是2000年，当时中国有一个网站是中国网大，之后去当兵，退伍之后2004年来到台湾雅虎，一开始我完全没有所谓网页标准，公司雇佣网页设计师，但是大家都是用dreamweaver，美国有一个search这个东西，原代码来到台湾之后，翻译公司没有人懂，怎么去改变样式，因为CS跟系统是分开来的，通过那个东西，我们进行组建，形成可以维护的方式。那时候公司没有Web Developer，然后我去做的。杜欢： 我是在2000年左右正式做Web开发，接触到的过程大概没有接触到页面仔，对于Dreamweaver这种东西接触比较少的，我学习的路线比较正确，我最早就是从Windows 的loadpad开始学HTML的SMS，我没有借助工具学到网页，而是真正从网页基础开始学起，这是我的一个学习过程。 成长过程的话，最早做ASP这种打杂，前后端都要做，做到后来公司开始切换到做BS架构项目， 这时候发现前端越来越吃力，比后端更累，客户不断要求在开源端软件里面可以有这么好的应用习惯，为什么我用BS架构用起来这么简陋， 你要帮我保留原来的使用习惯、使用组建组件。 我们当时也有一个决定，也比较艰难，是不是要让一部分人研究这个东西，怎么在Web端实现Client端。小麦： 他们说要把一个客户端软件放到Web上去，然后加了一个Active X。杜欢： 这是我们产品最早的卖点，这是我在Cisco WebexX之前的经历，我大概这样进入到前端。小麦： 杜欢代表前端开发工程师的一个来源，他是比较偏重于后端程序设计这一块，他是从这一条路上过来的。下一位高程同学。高程： 在座嘉宾中，应该说我资历最浅，我05年开始接触Web标准这一块，应该从喜欢这个东西走上职业道路，最初的时候 喜欢这些东西，去进行Photoshop，写代码不同于底层，前端代码可以直接查看，作为我自己来说，比较关心几行代码完全可以改变网页展现形式，这是比较直观的一种感受，我就去研究、学习，后来决定走这条道路，算是职业化，现在慢慢想往专业化道路发展，基本上这样一个过程。张克军： 我应该从98年，那时候刚开始上网，没有记错的话，北京可以接入互联网那个时候还是96年，97年我在学校附近网吧上网，特别贵，一个小时二十多块钱，我在学校图书馆杂志上级上记了很多网址，然后去网吧访问这些网站，第一个网站就是雅虎，首先网页呈现在我的面前，这给我带来了很大的兴趣。 在2000年左右，国内特别流行个人网站，网易什么都提供个人网站空间，最早开始做网页是那个时期开始做的，那个时期应该是98年以后，当时最早还是用FrontpageFont Page，然后报纸上介绍用Dreamweaver可以很容易插一个图，做一个动画，我很好奇，它提供一个可视化界面，就像Flash似的。小麦： 我也用过，后来抛弃它了，没有去研究，不知道怎么实现的。张克军： 这是我最初接触Dreamweaver，差不多99年、2000年的时候，这个称呼“网页制作”2000年之前完全没有问题，因为都是基于一个工具去做网页，就是一个制作过程，不是一个开发过程，开发是编程，包括我个人经历也是这样，05年我基本上都是做网页方面开发，只是有一年转到了.net，然后去了一拍，当时是雅虎和新浪合资的一个网站，在一拍接触到雅虎前端开发一些东西，我打开大开眼界，9月份发生那次并购事件，阿里巴巴并购雅虎，然后就到雅虎中国。 05年对我来说是转折的一年，05年发生很多改变我想法，改变我对前端的理解，05年是真正意义上的分水点，05年之前只能说是页面仔。 小麦： 因为05年之前还没有D2。张克军： 05年之前也不可能有D2。小麦： 是不可能，因为那时候小马还在做JAVA呢。张克军： 前端这个行业发展很有意思，各个阶段变化非常明显，05年之前跟05之后，我们发现05年之后是每年一个变化，05年之前是一个漫长黑夜，回顾以前挺有意思的。圆心： 我更正一下，说我是D2发起人，其实我只是之一，最初设想是小马，我们几个人有一些设想。 小麦： 小马在Review的时候，为什么希望我花这么多时间介绍，D2一向以来不想依赖收几千块钱请牛人讲听都听不懂的技术，而是致力于培养前端这个行业，为更多不管是前端爱好者、前端初学者、前端熟练工、前端达人提供这样一个交流平台，他希望能够基于D2自己成长，帮助前端更多开发者成长，在这一点上，我需要借这个机会真的让大家好好为小马献上一次掌声。圆心： 可能我的经历跟下面很多人经历比较类似，我是01年开始，那时候大家还在建自己的个人网站，在263申请个人空间，然后后缀都是263，我跟大家一样有热情，申请一个个人网页，一开始我做设计，那时候还用FrontpageFont Page，然后切完了传上去，大家还可能会发现有很多免费程序下载，比如AS程序，我还去改一改。 到了03年，因为我要实习了，我相信很多人也经历过，到底我选择哪个职位，我要投什么，那时候我跟大家一样，设计投一下，然后网页制作投一下，AS开发工程师也投一下，可能发现这三个之中，设计来说还是在这三个里面比较好一点。 我03年在新浪实习，选择新浪美工职位，我发现他们用CSS，本来图片要多高，我去筛塞一个白图片在里面，但是他们用了CSS之后我感觉很神奇，就跟他们一块儿学CSS。因为我走的是美工路线，因为美工也在发展，里面也会分出很多枝叶，我就做了两到三年视觉设计师，HTML和CSS还是我的乐趣，一直在学。 后来国内流行Web标准，我也用它们，也在捣腾w3C标准，过了一年以后我来到淘宝，那时候小马哥面试我的，第一次面试前端工程师这个职位，我心里面带着感觉不太自信，但是小马还是给了我机会，有人问我怎么就学了HTML和CSS就进了淘宝，我04年的时候学脚本，当时学的一本书非常好，不会感觉语言很难不想学了。 我进了淘宝之后，橙子承志还给了我一个选择，我中间还做过一部分网站策划，其实交互设计在国内也兴起了，我觉得这个行业很好玩，然后很新意，交互设计师也开始在网上转了一点。 到了淘宝之后，承志橙子给我两个选择，要么做交互设计师，不要做前端了，那时候前端在淘宝很少，只有两三个人，我觉得我的兴趣更多是在前端，我喜欢那种代码立马变成现实的感觉，我做前端，有一种感觉，我做完了，立马可以看到长成什么样，非常有成就感，我当初选择跟他们是一模一样的，在淘宝基本上就这样发展了三四年。 欧阳薇： 大家好，我在这里面是资历最浅的，我叫欧阳薇，03年才进入一个国企单位，做什么计算机软硬件维护，开始偶尔接触一下公司里面网站制作。像我们这种企业单位没有什么前端后端，那时候根本搞不清什么前端后端，也是从毕业设计的时候临时找了一本ASP的书开始啃代码，做了一个小留言板式的论坛程序，作为毕业设计交上去了。 进了企业之后，一般企业都是ASP这种小网站，自己开始接手，在ASP方面自学一点，一直到2005年、2006年左右，我们那里都是用FrontpageFont Page，我当时也不知道什么CSS之类的东西。后来我就这么做一下硬件维护、软件维护，偶尔接触一些OA、程序开发、网站开发之类的，以前国企做的这种简单的程序代码都是VBS，到08年的时候，我们用的比较封闭一点，我才发现有什么火狐浏览器，不只是IE一种，在这些程序下面没办法运行，什么都没有反应，那时候才知道VBS不能在这些浏览器下运行的，然后从网站下载一个VBS的JS脚本软件，然后对照着把网页上面VBS代码一行行改成JS代码。 那时候08年底才算正式接触JS代码，之前都是一窍不通，然后学了JAVA一百个实例小程序（带光盘），也不知道从哪里买来的，那时候才算正式接触JS，09年稍微专注于后台程序，2010年的时候重新上班，3月接触09年开始的游戏植物大战僵尸，我3月开始玩，玩了半个月，觉得挺好玩的，我正好也是学JAVAScriptJavaScript的程序，我照着做小程序，在之前JS就是表单上点几个按钮，然后没有什么用了。一时突发奇想，到现在自己都不敢相信，那时候怎么做成小游戏玩。 在这个项目中间，自己对程序真正深入了解一点，现在还有很多人问我，你学的是什么书，他们问我怎么学的，看了什么牛人的高级书，有没有拜师，我说我就下了一个CHM的什么文档。 前端一般都讨论高级编程1、高级编程2，人家问我从什么书学到了东西，我不好意思把那个书名说出来，我说我就是下了一个CHM看了一下，自己从网上搜索别人写的代码，要说我的心得，在代码优化过程中比较肯钻，别人觉得怎么循环之类的，就这些循环就可以了。我会想，我一定要在这个方面得到最大性能提升，在这些细节方面钻研。 我现在继续学我的JS，也赶上一点时髦的末班车，刚刚开始学了一点HTML5。小麦： 如何定义你自己的前端工作？问一下如何向自己的女朋友或者男朋友介绍自己的工作？欧阳薇： 以前在我心目中的概念就是丢两个表单，画几张图，做两个Flash飘来飘去，负责怎样把页面完整的展示给用户，包括以后的连接或者交互，都要完整展示。圆心： 我本来准备一个说辞，就是说我对前端的定义，从数据到展现。我讲这个的时候，因为题目改了，就是说如何跟我老婆解释，我想我跟他解释这个，还要解释什么叫后端，这个没法讲，其实她平常问过我做什么？“我说你网上看的页面都是我做的。” 她说你看你的页面做得这么难用，我说我只写代码。 张克军： 解释什么是前端工程师，有一个泛泛的概念，但是在不同公司做不同产品，可能这个定义的内容是不一样的，这是我这么几年来的一个感受，这么多年来，我也去过几家公司，在几家公司对于前端工程师的定位都是不一样的，这是挺有意思的。小麦： 你现在公司怎么定义的？张克军： 现在公司是我来定义的。我觉得现在比较好一些，05年之前叫网页制作，我并不认为这个有什么问题，在这个时期这个名称最准确的反映出你的工作内容或者说工作特点的一个词，就是“切页面”。 如果说到今年在你们公司里的工作内容还是把设计图转成页面的话，那你其实还是叫网页制作，你的工作内容就是这个，这个名称并不代表什么歧视性。但如果你的工作不仅仅把设计的图转成页面的话，那你这个角色定义又更丰富一些。小麦： 比如把某个植物大战僵尸的游戏转成页面制作。张克军： 因为在有些公司，前端工程师也叫软件工程师，也可以叫应用工程师，这也是很准确，其实跟你在公司里面所做的工作对你角色定义是有直接关系的。 我希望这个定义在未来越来越丰富，现在发现互联网发展趋势，这种前端角色内涵也是越来越丰富，这也是很不错的。介绍一下豆瓣的前端工程师定义，我的定义应该是“整个网站应用开发者”。小麦： “豆瓣拆”“豆瓣猜这个我也不确定”是你做的。张克军： 对，通俗的说，你们看到的东西都是我们做的。高程： 其实就是“将后端枯燥的数据用优雅的方式展现给用户”，给女朋友解释的话，我其实没有解释过，就是做好效果给她看就行了，我女朋友这方面还是懂得挺多的，解释难度不大，反而回家的时候，跟家里解释很费神，遇到各种亲戚，太不好解释。杜欢： 给女朋友解释没有尝试过，她要问的话，我就说“我在做很重要的事情”，简单描述前端职位的定义，我们原来也经常给我们的领导做一些简报，汇报一下公司情况，然后我们组织结构的情况，有些领导对前端不是很清楚，我们为了加深他对前端的印象，我们会用这种词描述，比如说你想让产品成功，你一定要知道前端，如果前端做得不好，这个产品休想成功，因为一个再好的产品，我们这里局限于Web应用，基于Web的产品，毕竟直接和用户打交道，用户看得到后端架构、后端数据通过什么方式来接触，只有前端。 如果前端很失败，一个Idea再好的产品都不可能得到通用上的成功，可能是很小范围的。所以说一个好的Web产品真正成功的话，前端非常重要的，这个想法我也希望大家回去带给自己的老板，让他们更注重自己。Hedger： 非常同意你的说法，我太太也常常问这个问题，大概前两年我跟她讲，“我是倒茶的”，到第三年左右，她觉得答案不太对劲。然后我跟她说我是做“按钮”的，其实这是一个对我来说蛮经典的定义，有时候我在面试别人的时候，会花一个小时时间如何做一个按钮，这是一个蛮有趣的问题，不同的背景给不同的答案。 小麦： 各位同学各自分享了前端的定义，如何向自己女朋友解释前端，大家还是有一些共识，我还要把一个小小的机会交给丁老师，丁老师之前她也是做技术的，她是做一个比前端还要小众的一个职位，她说今天要让我问问她怎么去解释，她的职位就是软件工程改进和质量控制，你如何跟男朋友解释做什么？主持人： 一直找不到男朋友，因为没有办法解释清楚。小麦： 相当大家简历这里不通，可以看下录像的时候，突然发现在座在坐六位里面，有四位曾经来自雅虎，向雅虎致敬！ 接下来讨论前端未来的话题，请问各位Web应用是否完全取代本地应用？Hedger： 最近我碰到一个案例，因为其实前一阵子花很多时间开发手机应用，我开始做androidAndro平台，androidAndro本身有非常多的版本问题，第二就是IphoneiPhone本身希望虽然版本变化性比较小，但是很多东西必须要有实际测试，还有额外开发成本，我会得到一个结论，我不希望再经历那种跨平台，然后花很多时间去做。 我发觉一直在走同样的路子，有一个新的员工出来，然后希望做一个应用UI，有各种语言，我得到一个结论，你很难找到一个语言把这个做好，你发现这个东西出来之后是势如破竹，好像非常强大，就像很多年前Flash出来，从Flash1到Flash10，都有非常强大的本地端优势，包括档案处理、影音处理、多媒体处理，但是真正活下来是一个很简单的东西，它叫做CSS，我实际出来的开发手机应用，就是phone get这快内容需要重新看录像确定，它可以让你把用HTML开发出来的应用，转换成androidAndro手机、JAVA手机上面运行，同时提供足够API让你存取Device，这些东西非常强大，我个人是比较有信心的。 在硅谷很多人说你愿不愿意来中国，他要你开发的是游戏，要你开发比如在电视上面的应用端，在PS3上面的，现在市场上能够找到合格有经验的Developer是很少的，根据我个人多年来自己的体会，我认为技术赶不上变化，一瞬间被市场遗忘在脑后了。 你可以看到很多赚钱的应用软件，那是封闭的，锁定单一平台，锁定IphoneiPhone或者锁定androidAndro，但是长期来看，你要站在人民群众开发者这一边，短期可能会很显优势，但是长期来讲，你会发现市场上没有办法按照这么高的绑定平台运作，尤其你今天把自己跟苹果绑在一起，其实02年到04年的时候，我做的平台是ASP.net，除了写ASP控件之外，如果不写那个东西的话，那时候来讲是最好的选择，因为你没有AGX（音）Ajax，怎么样去感受用户端经验，但是很多时候，每次当我感觉到这个技术强烈的跟某家公司某个平台绑在一起的时候，我就想到了Chrome OS。小麦： Chrome OS大家怎么想的？杜欢： Chrome OS不会走的太远，Google内部的两个系统androidAndro和Chrome OS可能有定位上的重复，需要Google内部解决这种事情，Chrome OS的发布会note book的体验，我个人体验并不会预见取代普通的笔记本电脑。 Web已经死了我不太赞同，关于Client的应用，界限已经越来越模糊了，你已经用到的一个应用，甚至分不清它是Web应用还是Client应用，诈一看情况下反分不清楚，仔细看一下才知道这是Client端的或者说是这是Web端的，Web端的越来越Client化，Client端的越来越Web化，不能说Web已死或者Client已死，关键是怎样合适用户才是最好的前途。高程： 我说一下关于Google的一些看法，Google是一个技术很领先的公司，但是Google的一些开源做法有点太不负责任了，最近一个想法，单单一个Chrome 就有无数版本，这个太头大了。 我觉得做androidAndro的人好惨，要兼容各种各样的机型，但是做IphoneiPhone比较专一，从开发者获利来讲，IphoneiPhone获利比较丰厚的，做androidAndro很痛苦，但是又获利甚微的一个东西。小麦： 我比较同意，但如何把控开放和封闭的尺度也是一个问题。高程： 我想Google还是能解决这个问题，这不用我们操心的，只是想不想做这个事情。小麦： HTML也解决过这个问题，往前PC也解决过这个问题，这个问题不太难。高程： 就看他们怎么做了。关于说到Web已死，这只是一个吸引眼球的概念，我觉得Web死不了，其实我们现在所谓的只是一种接入端，云概念来说，我们只是接入互联网的接口。张克军： 有一种说法，我觉得写这些的人可能不是做Web开发的人，他可能是专门写评论的，比如说他看到IpadiPad上用 Feedpod去浏览这是一个很好的体验，完全不同于Web的体验，从开发者角度来讲，用HTML CSS和JAVAScriptJavaScript可以做出同样的效果就OK，其实Web已死说不好，可能开始用浏览器浏览传统网站的方式，我觉得Web Page已死也不一定，就是原来标准的这种网站形态已死，但也不好说，但是肯定HTML CSS的 JavaScriptJAVAScript越来越流行、越来越通用，包括现在有很多文件可以很方便的把HTML JavaScriptJAVAScript转成原生应用，转换成底层接口，这反而Web非但没死，反而给前端开发更大的发挥空间。 当然现在的阶段会有一些人觉得现在转的应用没有原生应用使用没有这么流畅，这是阶段性问题，这些问题一定会解决的。而且相比在浏览器端开发，面向这种设备开发，我个人觉得反而难度基于IE6、androidAndro痛苦已经减少很多了，有更大的发挥空间和余地，如果说Web已死，我觉得HTML、CSS、JAVAScriptJavaScript就是永生。 圆心： 基本上同意张克军的见解，所有前端赋予新的场景、新的未来，现在浏览器有很多，开放接口，只要你会HTML、CSS、JavaScriptJAVAScript，就可以开发一个很绚的浏览器插件，以后所有人提供一个API，我前端就可以变成一个你想要的任何一个东西，这就是前端未来，而且现在Web OS也好还是什么东西也好，正是给前端一个无限未来。小麦： 接着你的话，有一个问题，他认为前端工程师面向用户的程序员非常好，做Flash和CS界面的开发怎样的？圆心： 在前端行业里面也会细分，比如后端也是一样，会细分出很多职位，只是你的方向跟别人的方向不一样，你可能是AOS，别人是JavaScriptJAVAScript，都可以称之为前端。小麦： 欧阳薇什么时候把植物大战僵尸放到APP STORE卖钱？欧阳薇： “仅供学习”字样去掉的时候就可以了。Hedger： 昨天做的是Google E ebook，负责Google阅读器的前端开发。杜欢： 昨天还在项目里面在开会，每天会山会海需要视频确认，最近在做一个Cisco Webex WebX 11，这是企业级平台，前端的一些组建。高程： 最近我们这边新系统刚刚上来，在修BUG。张克军： 昨天我提交的代码是我这两天做的一个新组建，是一个做会计需要视频确认数据传输的组建。小麦： 用在豆瓣哪个模块？张克军： 这是商业机密。小麦： 我们点右键就知道你的商业机密了。 圆心： 我说说最近的兴趣爱好吧，在研究一些androidAndriod的东西。欧阳薇： 最近僵尸继续在写，刚刚接触一点HTML5，在手机上小试一下。小麦： 我在大公司做过前端，也在很小的团队做过前端，我会感受到一个公司的正规完善和一个公司的不正规、争吵，会让我的工作有很大的变化，尤其是像前端正好处于承上启下的职位，他们会在不同的组织里面有不同影响力，所以说下一个问题，假设各位做的项目，我需要做一些优化、我需要大改版，在这个决定做出来之后，我需要做一些什么样的协调，怎么样的沟通、怎么样的准备，才可以开始做这些事情，需要多长时间可以把这个事完成？欧阳薇： 我是JAVAScriptJavaScript植物大战僵尸开发团队，你说改版吗？小麦： 是的。欧阳薇： 如果我要下命令改，就直接就改，也不需要什么协调，我自己做的。小麦： 淘宝首页如果要做大规模优化？圆心： 首页改版工作量还好，如果说要改页头，页头牵涉到所有应用，这个工作会很繁杂，并不是说技术有多深，可能协调上面会存在很大问题。小麦： 可能跟什么部门协调？圆心： 淘宝是分应用的，比如说你们看到一些资讯，比如说是画报，比如画报应用，你看到商城，比如说一个团队，你改页头，最大的问题在哪里，你要测试所有页面上是否兼容，最大问题在这里，要协调所有团队，然后要跟他们打好招呼，要所有测试资源，我觉得这是最大的问题。小麦： 假设豆瓣需要做一个比较大规模的优化升级，你需要做一些什么样的协调才能够完成做好工作？ 张克军： 毕竟技术上还是为产品服务的，产品上面还是为了满足产品的快速发展。小麦： 豆瓣最近一次大的变动你们花了多长时间？张克军： 最大的一次是一个导航的分拆，年初做的工作，可能花了一个月、两个月的时间。小麦： 之前有一些策划吧？张克军： 这都放在一起了。小麦： 那还蛮快的。张克军： 现在面临产品的快速变化，比如淘宝的统一导航升级，这样一个产品角色，可能连带的整个前端开发、后端开发这样一系列动作，实际上我觉得这个就是前端在现在开发分量越来越重，我今年感觉特别明显的，前端基础架构的重要性。小麦： 接下来你会为豆瓣做一些架构上的调整，你可以有这个计划？什么时候开始或者已经开始了？张克军： 已经开始了，这是一个不断完善的过程，我原来在雅虎中国的时候也是改导航，改一个导航，一个简单的导航，加一个链接或者加一个入口，可能要熬一个通宵，可能需要等到十二点多才能上线，发现一个简单的改动都会对一个应用系统来讲都需要付出很大的精力，这个我觉得问题主要还是出在前端基础架构不够灵活、不够强，这也是为什么前端开发以前关注一些技术的点。 如果你的团队在基础架构层面比较缺失的话，还是建议大家首先是需要抽出一两个人完善基础架构。小麦： 当初我的事是花整整一年时间，把来公司之前的代码全部改成我们想要的那个样子。高程： 我们这次改版是比较匆忙的，大概用不到一个月的时间，这也是相当于重构了所有代码，之前都是我们公司老大写的。小麦： 这次重构比较彻底的？高程： 对，之前没有前端这个概念，他们自己去写的，花了不到一个月的时间，因为之前也是一直想去做改动。小麦： 这个决定最初谁提出来的？高程： 关于代码重构是我们一直想做的。拍板是我们老板，顺便把代码改动。我觉得时间比较紧，一个月的时间，我理想的时间大概要两个半月。小麦： 杜欢呢？杜欢： 那要复杂一点。我们非常复杂，即使改一个小的东西非常复杂，不是说这个东西很难，其实一个很简单的东西，如果说像欧阳薇从自己发出指令去修，可能一个小时就可以改完，如果拿到我们这个Team里面做，我们要走整个流程，从PM那边确认这个需求，然后到UED、UI这边反馈给PM，是不是要这样改，然后再来到中国这边，我们有点区别，PM、EM和UI、UE是在不同的地方，开发团队还在不同地方，这之间交流跟其他公司有些区别，比较复杂，这一个改变下来的话是比较烦琐的。小麦： 另外一个跨国五百强企业是怎么操作这个事情的？Hedger： 基本上产品面来做的话，都是下死命令，不太担心产品面，底层架构基本上都是一样的，你刚刚提到的是优化部分，优化部分通常来说我比较偏向所谓的架构也是一样，你模板系统一样的，开发语言是一样的，不是说从某种语言切换到另外一种语言，如果这样的话那成本比较大，需要重写，我目前没有碰到这种情况。在Google比较多强调做渐进式改革，每一步踩对的话，即使走错了，稍微退一两步就可以了，我很早期在雅虎的经验，不喜欢就打掉重做，基本上这是没有什么维护性的，没有维护性的东西需要重做，它这个东西没有测试性，你不知道这个东西的变动会影响多少，因为你没有测试代码。 还有你执行层面的问题，比如说你开发的时候没有面向对象的方式进行开发，你不知道哪些API是私有的，哪些API是公开的，如果这些东西是私有的话，我可以相当确定你是安全的，因为这是私有的东西，你也没有办法知道。小麦： 你刚刚提到每步踩对，可以渐进式开发。Hedger： 刚开始这个东西是基于C+的，但是本身对于CSS完全不了解，HTML也是完全不了解。小麦： 你们改掉了吗？Hedger： 改了，花两个礼拜时间，CSS最大问题是没有模块化，同样的东西很多，第二个就是说基本上模块化之后，它是一个没有编译的东西，我个人比较喜欢编译的东西，比如说你有一百条，但是只有用到其中三十六条，或者把其中常用的东西，比如说之前的大小颜色，画面上有二十个模块，平均每个模块间距25个象素，你要改成三十。我刚到部门的时候的这样的东西，我们让CSS编译化、模块化，开始我做的是写设计文件，然后给所有核心的前端工程师开会讨论。小麦： 你不需要像杜欢这样跨部门协调？Hedger： 这是前端工程师之间的事情，先写设计文件，写完设计文件之后就写设计代码，这是一个范例，我们先从第一页上面最小的按钮告诉你这个东西怎么做出来，其实一个按钮里面样式，这里要有基本定义你的色泽等。小麦： Google是一个工程师文化至上的，事实上你们可以自己作主？Hedger： 我对一个东西不满意，小的东西可以提出代码，代码是互相审核的。小麦： 有观众请问在你们公司前端工程师说话有多牛，多大声，最后一个问题，通常被谁强奸？圆心： 不是强奸不强奸的问题，而是我们非常注重用户体验，如果你的建议OK，提出方案OK，或者有足够多的理由说这个方案是不OK，我觉得都可以，淘宝首页原来有一个背投广告，每年损失以亿计人民币，但是我们认为这个用户体验不好，那就去掉了，你对用户体验的理解和建议，大家都会尊崇的，没有强奸不被强奸，你也可以强奸PD啊。小麦： 说话有多牛逼，有多大声？圆心： 说话多大声，建立在用户基础之上，你对性能、对评估的基础之上，任何人都一样。小麦： 有观众问I