跟着互联网财产的爆炸式增加，与之伴生的网站设想Web前端手艺也在历经浸礼和演变。特殊是近几年跟着挪动终端的开展，越来越多的人最先投身或转行至新范畴，这愈加现今的IT财产注入了新的活气。虽然Web前端手艺降生至今光阴实在不长，但跟着Web手艺的逐渐深刻，今后将会在以下几方面发力。
1.Web挪动终端开辟。
2.JavaScript的兄弟们。
3.百花齐放的类库和框架。
4.工程化的Web前端开辟尺度。
Web挪动终端开辟
PhoneGap：一个开源的开辟框架，应用HTML、CSS和JavaScript来构建跨平台的挪动应用按次。它使开辟者可以操纵iPhone、Android、Palm、Symbian、BlackBerry、WindowsPhone和Bada等智能手机的中心功效，包罗地理定位、加速器、接洽人、声响和振动等。除在当地编译应用以外，还可以应用PhoneGap供应的云端Build工具终了应用编译。也就是说，只需求将用HTML5写好的应用上传到PhoneGap的云端效劳器，PhoneGapBuild便可将其编译成合适分歧平台的应用。
前端常识图谱
SenchaTouch：说到这里，就不能不提一些面向挪动端的WebUI库，究竟PhoneGap是一个工具，要想基于Web手艺构建完全的App，必须遴选一些实用的挪动UI库。而最值得一提的是SenchaTouch，它可以让WebApp看起来像NativeApp。漂亮的用户界面组件和厚实的数据治理，所有基于最新的HTML5和CSS3的Web尺度，全面兼容Android和iOS装备。PhoneGap明示着一种开辟趋向，即App也可以应用Web前端手艺来完成。而作为开辟者最经常使用的UI工具箱，SenchaTouch又进一步加速了这类趋向，现在在淘宝已有大批的项目采用这类思绪来搭建，即在内置应用的外壳加上自界说的基于挪动Web的UI库。信任在未来这类情必将会越来越盛行。
Sencha Touch：说到这里，就不能不提一些面向挪动端的WebUI库，究竟PhoneGap是一个工具，要想基于Web手艺构建完全的App，必须遴选一些适 用的挪动UI库。而最值得一提的是Sencha Touch，它可以让Web App看起来像Native App。漂亮的用户界面组件和厚实的数据治理，所有基于最新的HTML5和CSS3的Web尺度，全面兼容Android和iOS装备。PhoneGap 明示着一种开辟趋向，即App也可以应用Web前端手艺来完成。而作为开辟者最经常使用的UI工具箱，Sencha Touch又进一步加速了这类趋向，现在在淘宝已有大批的项目采用这类思绪来搭建，即在内置应用的外壳加上自界说的基于挪动Web的UI库。信任在未来这 种情必将会越来越盛行。
Media Queries：在CSS2时代，假如你曾为网站设想过打印版CSS，那末就会理解CSS3 Media Queries的感化。不外，CSS3的Media Queries比CSS2的Media Queries可以获得这些数据：扫瞄器窗口的宽和高、装备的宽和高、装备的手持偏向(横向仍是竖向)和分辨率等。也就是说，Media Queries供应了一种基于分歧的平台写CSS的手艺。这项手艺在2011岁首年月被推行开来，至今已特殊很是火热，特殊是在Web页面仍占互联网流量大多半的 今天，这类兼容手艺能很快让网站兼容挪动装备，包管产品完成最快的跨平台的兼容性和多平台的可用性。
Zepto.js：一个专为 Mobile WebKit扫瞄器(如Safari和Chrome)而开辟的JavaScript框架。它标榜本人繁复的开辟理念可以匡助开辟职员简略、疾速地完成开辟 托付使命。更紧张的是这个JavaScript框架是超轻量级的，只需5KB。Zepto.js的语法鉴戒且兼容jQuery。现在已有很多网站最先基于 Zepto.js做应用，因为在抛弃了IE扫瞄器的兼容性成绩后，Web开辟会变得越来越纯正,懵懂一时，体积更轻巧，编码也愈加愉悦。不成否定，跟着挪动终端开辟 越来越盛行，Zepto.js在未来将会有愈加广漠的应用场景和空间。
Bootstrap: Twitter推出的一个开源的用于前端开辟的工具包。它由Mark Otto和Jacob Thornton合作开辟，是一个CSS/HTML框架。Bootstrap供应了文雅的HTML和CSS尺度，由静态CSS言语LESS写成，与CSS 框架Blueprint存在良多类似之处。Bootstrap一经推出便颇受欢送，一向是GitHub上的热点开源项目，NASA和MSNBC的 Breaking News都应用了该项目。2012年第二季度，Bootstrap公布了2.0版，Bootstrap 2.0的一个严重改良是增加了相应设想特征，在1.0中，这是让良多开辟职员诉苦的中央。并且为了供应更好的针对挪动装备的相应式设想方 案，Bootstrap 2.0采用了愈加灵敏的12栏网格布局。其他，它还更新了一些进度栏及可定制的图片缩略图，并增加了一些新款式。值得存眷的是，Bootstrap是一个 特殊很是轻量级的框架，2.0在紧缩后只需10KB。Bootstrap为我们的网站疾速搭建供应了不错的工具和思绪，这个工具集将具有更兴旺的生命力。
JavaScript的兄弟们
CoffeeScript是一个鉴戒Ruby编写的新编程言语，创立者JeremyAshkenas戏称它是JavaScript的低调的小兄弟，因为CoffeeScript会将Ruby编译成JavaScript，并且大部份布局都类似。但分歧的是，CoffeeScript具有更严厉的语法。它的最大功勋就是将JavaScript硬绑的C/Java语法抛弃了，改成采用雷同Ruby/Python的语法。Ruby/Python原来就是深受Lisp影响的，与JavaScript算是同门师兄，它们的语法经由了实际磨练，特殊很是合适函数式编程。这类文雅的言语独具魅力，行将面世的2013版的淘宝首页即采用了CoffeeScript完成。
TypeScript是微软开辟的JavaScript的超集，TypeScript兼容JavaScript，可以载入JavaScript代码然后运转。与JavaScript比拟，TypeScript提高的中央在于：参加注释，让编译器理解所支持的工具和函数，编译器会移除注释，不会增加开消；增加一个完全的类布局，使之更像是传统的面向工具言语。因为JavaScript只是一个剧本言语，实在不是用于开辟大型Web应用，以是没有供应类和模块的观点。而TypeScript扩大了JavaScript完成了这些特征，能更好地支持大范围JavaScript应用开辟，汲取了不开辟者。但要留意，虽然TypeScript有微软做后援看起来很有包管，但现在供应的只是晚期的预览版本，TypeScript实在不像它的网站看起来那样精细，终极版本可以会在一年后ECMAScript6公布会肯定，而今的版本只是个开辟预览版。是以，TypeScript今后开展若何，还需求进一步视察。
其他，在效劳器端，Node.js越来越盛行。现在Node.js不但作为处置高并发要求的中央层办理计划，还因其灵敏的语法和厚实的底层API，越来越多的人最先用它来写工具，特殊是之前基于Ant或Java的一些工具现在都有了Node.js的版本。
云云看来，Node.js在敕令行工具范畴有着愈加广漠的应用场景，以至可以取代Perl或Ruby这些传统的静态言语。在淘宝Node.js已有特殊很是多的应用场景，比方在数据部分，Node.js被用作处置高并发场景下的容池，特地汲取高并发的要求，以至可以对峙和客户端的长链接，而这在之前则需求破费很昂扬的本钱，比方Comet手艺等。其他，淘宝的开源前端类库KISSY也可以间接运转于Node.js情况，如许就可以在敕令行运转KISSY代码，
高端网页制作，良多前端代码就偶然机采用自动化测试等，提高破费效力。再者，淘宝外部的开辟工具链也已大部份采用Node.js来构建了。
百花齐放的类库和框架
SeaJS是由支付宝前端初级手艺专家王保平(玉伯)开辟的一个遵守CMD尺度的模块加载框架，可用来轻松愉悦地加载恣意JavaScript模块和CSS模块。SeaJS特殊很是玲珑，玲珑在于其紧缩后体积只需4KB，并且接口和方式也特殊很是少。SeaJS有两个中心：模块的界说和模块的加载。SeaJS可以加载恣意JavaScript模块和CSS模块，能包管你在应用一个模块时，已将所依附的其他模块载入剧本运转情况中。SeaJS可以让你享用写代码的兴趣，不消去管那些加载的成绩。究竟而今网页的可回护性和机能成绩一样严峻，体而今：文件太多，不利于回护，前端后端都一样；HTTP要求过量，虽然这个可以经由过程归并办理，但假如没有后端间接归并，那末野生本钱会特殊很是大。用SeaJS就能特殊很是好地办理这些成绩。SeaJS遵守CMD尺度，是以可以很便利地誊写模块。现在曾有越来越多的人采用CMD尺度来开辟项目了。
近来微软曾正式公布了Windows8操纵体系，Windows操纵体系的气概曾完全酿成了磁贴状的MetroUI。对付微软来说，这是一个宏大的修改，并且统统微软的平台包罗桌面、平板、挪动端及其网站都应用这个UI气概。
MetroUICSS是一个特殊很是完全的创立Metro气概的网站框架。它自成体系，但也可以与其他框架一起应用。应用LESS创立，并且具有网格体系、排版款式、表格、按钮和图片。同时也具有内建的JavaScript组件，匡助你天生片状、菜单、边栏、进度条和提示等，是一个特殊很是好用的框架。跟着Windows8的进一步盛行，这类气概的CSS类库必定会成为一种趋向。
Hype是一个玲珑的工具，是MacAppStore新上架的一个HTML5创作工具，其所长是可以在网页上做出顺眼的动画结果，不必Flash插件。开辟该应用的公司Tumult由两个前苹果工程师创立，并获得了YCombinator的投资。因为公司的结合开创人之一JonathanDeutsch曾担任Mail.app后端的手艺主管，是以他在接管PaulHontz的TheStartupFoundry访谈时，谈到公司开创是为领会决HTML5创作工具缺乏的成绩。可以说，Hype是第一个可用的创作HTML5产品的可视化工具，具有里程碑式的意义。跟着硬件机能晋升，HTML5的应用按次愈加偏向于被工具天生，而不像传统意义上由工程师“切”出来。是以工具化是一个偏向，不论HTML5能否真的能在挪动终端扎下脚根，这类偏向是值得对峙的。究竟，HTML5的应用开辟而今还处于原始社会。
iScroll.js是应用原生JavaScript编写的一个摹拟转动结果的小类库，不依附于任何JavaScript框架。旨在办理挪动WebKit系扫瞄器的地域转动成绩，兼容MobileSafari、Android默许扫瞄器、Safari、Chrome、Firefox5+、Opera11+、IE9+及其他WebKit中心扫瞄器。最新版本为iScroll4。这个小库一问世就备受存眷，因为它不但可以在PC端完善摹拟转动结果，在挪动终端里对触屏事宜的支持也可谓完善。
iScroll4是2011年末问世的，2012年在挪动终端产品开辟中大放异彩，在淘宝的诸多产品中都用到了这个JavaScript库。iScroll是小而精的典范作品，名字也带着苹果范儿。但美中缺乏的是，只能应用ID挪用。不外这个小特征不是甚么大成绩，可以经由过程二次封装来办理。等候iScroll4在挪动终端里有更多出色的显露,。
前端MVC在2011年是比力火的话题，跟着越来越多的人最先测验考试应用诸如JavaScriptMVC和Backbone.js这些MVC类库，更多的产品也看起来更像“软件”而非“网页”。但因为前端情况的严重性，我们也垂垂创造“这类”MVC实在不是完善，只能应用于“基于数据驱动”的场景，而对“基于事宜驱动”的场景却没有太好的办理门径。现在，淘宝有良多产品在测验考试应用“无限自动机”来填补MVC在这方面的缺乏。是以，新场景下的MVC还需求更深刻的提炼。
工程化的Web前端开辟尺度
2012年，关于前端开辟编码尺度的会商越来越多。外洋和海内的顶尖开辟者几近同时对编码尺度发生了很大兴致，前Yahoo!首页首席前端工程师N.C.Zakas在他那本《高可回护的JavaScript》书中也提到尺度在团队合作过程中的紧张性。而以下这两个方面，是值得我们商量和深思的。
AMD与CMD尺度之争，跟着CommonJS的进一步遍及，CommonJS尺度在尺度的模块开辟范畴施展着越来越紧张的感化，而CommonJS在扫瞄器端的难以完成却为这份尺度增加了一丝变数。本质上讲，CommonJS是一种用于同步加载JavaScript代码的API尺度，特殊很是简略文雅。为了在扫瞄器端完成这类机制，则不能不参加了一层异步回调，这就是AMD(Modules/Asynchronous-Definition)。RequireJS完成了这个尺度，而Dojo也将立刻完全支持(Dojo1.6)。尺度自己特殊很是简略，以至只包罗了一个API。玉伯在开辟SeaJS的过程中，更多地对峙了CommonJSModules尺度的气概，即CMD(CommonModuleDefinition)。较之AMD，CMD没有采用单一的API来实用于多个功效，而是根据分歧功效界说分歧的API。我感受，二者在完整性上是根基分歧的，但在社区理念和编程气概上有所差别，开辟者可以根据本人的偏好来遴选应用AMD仍是CMD编程气概。
Java言语编码尺度对付前端开辟编程尺度有特殊很是大的影响。在Zakas的《高可回护性JavaScript》一书中提到了五种JavaScript编程尺度，都和Java言语编码尺度有着雷同的渊源：Crockford编程尺度、jQuery中心气概指南、SproutCore编程气概指南、Google的JavaScript气概指南和Dojo编程气概指南。不论是哪种尺度，都夸大了编码气概分歧的紧张性，这也可看出，前端团队开辟越来越看重尺度，JavaScript的灵敏性需求某种水平的限制。
总之，经由过程上面的阐述，我们可以看到前端手艺的不绝提高和新陈代谢，也可以领会到项目过程的工程化，办理计划的轻量化，库和框架的多元化，常识布局的体系化，这类趋向在今后会变得越来越显着，也明示着前端手艺的开展偏向。
说到前端手艺常识布局的体系化扶植，这是我这些年来一向都在做的工作，在2011年也画了一张图来注释我的观点——前端手艺体系的扶植是一项长时间的使命。究竟前端老手艺新常识屡见不鲜，对付典范的常识布局的清算也很有挑战性，但这项任务终究需求有人去做，为新入道的人指出一个大抵的偏向。对付前端工程师的生长成绩，我也写过一篇长文“前端开辟十日谈”，匡助新人们解惑。