FED

alinode是基于Node运行时的应用性能管理解决方案，是阿里云出品的Node.js应用服务解决方案，是一套基于社区Node改进的运行时环境和服务平台。在社区的基础上我们内建了强大的支持功能，帮助开发者迅速洞见性能细节，快速定位疑难杂症，直探问题根源。官网http://alinode.aliyun.com/...

最近有位（大家都知道是谁）的『前辈』在微博上天天叫唤，相信很多人都看烦了。我跟他也算是吵了一架，污染了大家的时间线，先说声抱歉。但是我觉得让这么一个撒泼的人误人子弟，实在看不下去，所以咱上点干货以正视听。我这个人在技术讨论的时候信奉很简单的一个道理：没有研究过就没有发言权。对于我不懂的东西，我要么闭嘴，要么去研究、试用之后再开口。在我看来，这是进行技术讨论的一种基本涵养。技术这个行当，永远会有新东西出来，不进则退。更关键的是，前端比起整个软件工程乃至计算机科学体系来说，是个相对新生草莽的领域，近年来前端生态的发展其实都是在向其他领域吸收和学习，不论是开发理念、工程实践还是平台本身（规范、浏览器）。所谓的『根正苗红』的前端，不过是整个发展进程中探索的一个阶段而已，那个时代的最佳实践，很多到今天都已经不再适用。过往的经验固然有价值，但这些经验如果不结合对新事物本身的了解，就很难产生正确的判断。这里需要强调的是，**学习新事物并不是为了不考虑实际需求的滥用，而是为了获取足够的信息从而作出更靠谱的判断。**在这一点上，某人的态度是不停强调自己过去的八年资历，强调『经验和观察』的重要性，却对新事

未来会如何评判今时今日？也许五年，十年之后，我们回顾2015年的中国互联网，以及由互联网+所带动起来的，浩浩荡荡的传统产业变革，会有更深刻的感悟。但站在新年之交，跌宕起伏的2015尚余几日的时刻里，如果一定要给这一年做一次总结、判断和对未来的前瞻，我们选择了这个词组——变，与应变。...

偶然看到去年写的2014年度总结，再看一下日子，感觉是时候总结下我的2015年了。其实今年挺惊心动魄的，很多事情发生的时候都很激动，不过到了真正的触近年底的时候，反而没什么特别的感觉了，很多事情都已经融入到了正常的生活里，成为了自身的一部分。人生其实就是这样一个过程，不断寻求一些改变和刺激，然后这些经历沉积到你的内心深处，慢慢变成你的一部分，然后再去寻求更多的改变和刺激，这样活的才感觉是永远新鲜和充满挑战的。...

本文数据更新至2015年09月09日。由于当我发出这篇文章后，问卷又增加到了1000份（编写这篇文章的时候还是649份），所以我特地更新了一下文章的数据。比较有趣的事是虽然问卷的份数增加了，但是对之前的统计结果似乎没有特别大的影响。几周之前，我发布了一份前端工程师的问卷调查来统计前端工具的使用情况。我的目的很简单，就是想要知道一下目前前端社区的知识和实战水平。我经常能够听到“Sass是最佳的预处理器选择”，“xxxJS框架是的最新而且是最棒的！”诸如此类的话语，但是我特别想知道当我询问他们知道什么工具并在他们的项目中使用什么工具的时候，他们的第一反应是什么？...

"自动化构建"是区分二线前端团队和一流前端团队的重要因素，只有工程化前端过程，才能让前端程序猿摆脱手工作坊式的开发，升级为前端工程师。2015年的架构主要围绕"自动化构建"展开。我们选用了Gulp作为前端构建系统，串起标准构建过程：这样，就可以将_日常工作_交给机器去做，甚至开发者无需懂得细节也可以应用先进的前端优化技巧。...

Web发展了几十个春秋，风起云涌，千变万化。我很庆幸自己没有完整地经历过这些年头，而是站在前人的肩膀上行走。Web技术发展的速度让人感觉那几乎不是继承式的迭代，而是一次又一次的变革，一次又一次的创造。这几年的前端，更为之甚！我从12年底开始接触前端，12年之前的前端发展情况只能从上一辈的笔触中领会。本文会盘点从09年开始到15年间前端技术的革新，同时也会从多个角度，解读近几年前端技术发展的潜在因素，其中穿插了若干对前端演进的拙见，难免会有错误和疏漏，忘读者可以补充和斧正。...

Web应用的组件化是一个很复杂的话题。在大型软件中，组件化是一种共识，它一方面提高了开发效率，另一方面降低了维护成本。但是在Web前端这个领域，并没有很通用的组件模式，因为缺少一个大家都能认同的实现方式，所以很多框架/库都实现了自己的组件化方式。前端圈最热衷于造轮子了，没有哪个别的领域能出现这么混乱而欣欣向荣的景象。这一方面说明前端领域的创造力很旺盛，另一方面却说明了基础设施是不完善的。...

引用苏宁前端架构师的一个总结作为开篇编程技术及生态发展的三个阶段处在2015年这个时间段来看，前端生态已经进入了第三阶段。看上去好像已经走的挺远了，实则不然。如果再用人类历史上的三次工业革命来类比，前端发展其实不过刚刚迈入了蒸汽机时代，开始逐步用工具来替代过往相当一部分的人肉作业，但是离电气时代的自动化流水线作业还有很长一段路要走。回顾一下2015年前端的生态发展，我大致整理了几个我觉得比较有历史意义的事件。...

07年底，我所在的团队需要重构一个产品，在此之前，我们的前端框架是这样的：这个时期的版本不用说，肯定都是只支持IE的，我们当时需要兼容的浏览器包括IE5.0，5.5，6，后来7出来之后还需要支持7。这个产品重构的目的是，对近几年积累的业务需求进行整合，并且把服务端完全迁移到Java。对于前端来说，其实不做迁移也可以，但当时我们发现一个问题，FireFox这个东西突然崛起了，所以，我们从原先面临的只支持IE，变成了可能要支持跨浏览器。...

这里是结合我的一些体会，写给前端工程师、产品经理和设计师的一封信，当然不是情书～理论上在项目启动初应该根据项目制定一系列的规范，比如：通常这些规范的约束可以使我们后续在开发项目中如鱼得水～...

在刚刚过去的15年天猫双十一中，Node.js（后文简称node）大放异彩，不仅帮助前端团队快速、高效的解决双十一各个业务上的页面渲染问题，同时在性能和稳定性上也表现非常出色，大大降低了双十一硬件成本的同时，在整个双十一期间未出现任何一起由node引发的线上故障。经过一年时间的改造和推进，到15年双十一的时候，已经有大量的业务都有了node的身影，基本上天猫大部分的web页面都是通过node渲染出来：...

希望能透过react-native的动态性，将reactnative的优势带入客户端，如手淘、手猫，让使用客户端浏览体验更佳，并且保持动态性，快速协助响应业务。斑马(页面搭建平台)是一套让非技术人员也能自行搭建页面的CMS系统，基于Node实现，由天猫自主开发，此系统支持PC/Mobile页面，ReactNative整入后，让页面搭建上同步产出PC/Mobile/Native版本。ReactNative原设定为应用级别，让整个应用都使用ReactNative，但对于手淘、手猫这类应用已经有大量业务跑在线上，无法进行一次性的迁移，在@一渡、@隐风等人的努力下，将原先以应用为单位细化以页面为单位，让使用上更佳灵活，让部分页面使用，不需要侵入整个系统。...

会场活动页，承载了促销商品导流功能，是消费者的购物入口，在双11活动中的地位可谓重中之重。保障活动页的快速稳定可用，是非常非常重要的。这次天猫双11会场页面渲染由wormhole来承担（wormhole本身会在后续的文章中详细介绍），下面介绍一下wormhole的容灾方案。wormhole主要消耗性能的地方就在模板引擎渲染这部分，在并发访问量大的情况下，频繁的模板渲染会导致系统负载急剧飙升，导致响应延迟。为了保证大并发量下，足够快速的响应，针对的做了动态降频方案，具体的见下图：...

无线优先从去年开始推行，今年更是全面无线化，双11无线业务成交拿到了不错的结果，性能也迈出了一大步，对比去年双十一页面整体load时间提升了2s秒左右，秒开率达到了70%；去年双11活动会场埋点几个页面的性能，onload均值在4.7s左右(实际情况应该在3-4秒)，导致跳失率非常高。...

在这个双十一结束的点上，打算分享点东西，其实我一直乐意写些实在的技术点，因为不同环境里工程手段和团队发展很不一样。不过到这个双十一是我在阿里的第三个整年，我想把这些年里我们做的真正重要的事总结总结。在我来阿里之前，其实没太想过发布这个事情，在阿里的时候，也没想过发布方式是如此重要，不过最开始来的时候，听说前端跟服务端的配合方式吓了一跳：前端产出demo页面，服务端负责把参考html代码来写vm（就是velocity模板，阿里是用Java的），这个过程就是传说中的“套页面”了，这个过程往往不是那么愉快的，有时候服务端的同学会把标签嵌套搞错，前端出了bug，则需要服务端重新改模板。这个模式我一开始确实觉得不妥，但是并没有把它当做非常严重的事情而，直到后来回忆起来，我才知道当时的想法错的有多么离谱。...

从以前的双十一作为用户买买买到今年终于加入到了双十一中，觉得还是需要记录一下所感所想，今年双十一我主要负责行业市场的氛围相关的需求，淘友新增的双十一的页面，以及need项目的相关页面，下面我就只针对行业市场来做一些总结吧。大约从9月份开始，我所在的行业市场团队就已经开始把双十一的需求提上日程了。我所负责的双十一的需求其实并不难，只是在现有的一些场景下透出双十一的氛围，不过由于行业市场所涉及的页面比较多，所以开发过程中很琐碎，下面是在整个开发过程中经过的几个历程：...

21世纪的基本生理需求应该是电源和wifi了。有电有网，“基情四射”；没电没网，只能“左手右手”了。随着HTML5以及CSS3技术支持与发展，以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。用户一旦感觉到浏览这破页面手机电量流失很快，很大程度生会影响用户的浏览质量，继而影响转化率，甚至用户丢失。...

前端逐年发展，从实现刀耕火种的纯静态页面，到开发复杂交互的前端应用，各种框架、自动化工具层出不穷。在国内的前端界忙着造MVVM的轮子、为选择哪家框架而斗嘴的时候，国外的团队已经开始思考开发体验的优化了。手淘前端内部目前比较流行的工作流，是MVVM框架+各种第三方库+NPM包管理+Gulp流+Webpack打包+本地服务器+HotLoader插件或者是LiveReload插件，再配合上喜欢的编辑器、浏览器。从上古时期的写完HTML、CSS、JavaScript，直接浏览器刷新，慢慢发展到今天需要编译的自动化工作流，前端开发的能力上了一个台阶的同时，复杂性也逐年升高，越来越“折腾”。...

双十一中，无线前端的产品可以说非常的丰富。在双十一中，互动始终是重头的一部分，但是与以往不一样的地方是，导购产品在本次双十一中有着不俗的表现。而今年的双11导购业务占据了5大模块里的后三个，除了必抢，其它业务均是由手淘的同学来完成的，笔者作为导购产品的一员，选择导购产品来给大家解读其中的技术实践。...