近几年前端技术盘点以及2016年技术发展方向.doc

近几年前端技术盘点以及2016年技术发展方向 博看文思前言：博看文思截取优秀前段开发工程师小胡子哥的学习发展的心 路丿力程，下而为大家展开！ 大前端时代 Web发展了几|?个春秋，风起云涌，千变万化。我很庆幸自己没有完整地经 历过这些年头，而是站在前人的肩膀上行走。Web技术发展的速度让人感觉那几 乎不是继承式的迭代，而是一次又一次的变革，一次又一次的创造。这几年的前 端，更为之甚！ 我从12年底开始接触前端，12年之前的前端发展情况只能从上一辈的笔 触屮领会。木文会盘点从09年开始到15年间前端技术的革新，同吋也会从多 个角度，解读近几年前端技术发展的潜在因素，其屮穿插了若干对前端演进的拙 见，难免会有错误和疏漏，望读者可以补充和斧正。 那些年，一度追捧，一度放弃 下面，花一些篇幅简单回顾下09年到15年前端的发展历程（Update: 20 16/01/03，感谢@法海 师兄对文章部分内容的校稿，很多技术出现的时间有所偏 差，但不影响阅读）。 09年，基础类库完善，寻求突破 09年之前，JavaScript述处于对自身语言的完善过程屮，而到了 09年， JavaScript类库已经颇为成熟,jQuery/Prototype//Dojo等都已经发布了好儿 个stable版本，各大类库也是相互吸收优点，不断完善并提高口身性能，然而 功能上已经没有太多增加的势头。部分框架开始了思想上的转变，更加注重前端 开发的组织和结构，条理性强了很多，如YU1等。 从ECMAScript规范的争执，开启了浏览器引擎大战，各大厂商也趁机瓜分 1E份额,Chrome和Firefox在这场战役中取得大胜,V8也敲响了前端的大 门。为了迎合市场的激烈竞争，IE开始了升级之旅，09年初发布IE8,全面兼 容 CSS2.Io 而此时,Node, js和3G Mobile这两只巨兽开始浮出水面,Web标准也开 始向 HTML5、ECMAScript5. 0 靠拢。 10年，看齐标准，关注Web性能 毫无疑问，这一年，各大巨头都看清了 HTML5是web发展的未来，在保留 原来前端技术的状态下，都簇拥着拉扯HTML5的裙摆。富客户端应用也在这一 年蓬勃生长，ExtJS/Dojo摇身变为企业级框架，各类组件化概念和产品如约而 至。 延续着09年的变化，10年的前端显得颇为沉寂，然而在标准的运用和推 动上，各大厂商也是十分卖力。1E 9出来了预览第三版，iPhone的Safari 已经能够支持众多 HTML5 内容：Canvas/Video/Audio/Geolocation/Storage/A pplication Cache/Web SQL Database 等。 W3C宣布成立Web性能工作组,Google和Mozilla纷纷推出应用商店, 浏览器调试工具也丰富了起来，人们开始更多地关注开发体验和性能问题。 11年，HTML5扛大旗，Flash堪忧 2011年HTML5的技术发展和推广都向前迈进了一大步，语义明确的标签体 系、简洁明了的富媒体支持、本地数据的储存技术、canvas等等各类技术被广 泛应用。这一年，很多web开发者也面临一项技术的抉择，HTML5 or Flash? 从Flash Player 11.1开始,Adobe不再继续开发面向移动设备浏览器的Fla sh插件，积极投身于HTML5,这意味着Flash技术的凋零。 这一年，HTML5游戏火爆到了一个高潮，移动端开发工具和调试工具也H益 成熟。jQuery已经成为大小公司Fl常开发的标配，成丁?上万的JQ插件让网页 开发变得尤为轻松，而随之而来的也是页面的臃肿和性能调优的深入探索。 Node, js已经悄然崛起，在github上的访问量［2经超过了 Rails,国内的 云应用开始尝试使用Node, js, Node, js相关工具也纷纷出来。 12年，响应式开发，工程化推进 随着硬件技术的发展，各手机厂商乂开始骚动起来，为了占有更多的帀场， 不断提高产品的性价比，休验也得到了不断的优化。借着先前两年HTML5刮起 的东风，移动端上的web开发也颤抖了起来。移动端的开发挑战不亚于PC上 对多个浏览器的支持，这一年，萌生了众多移动端框架，如Sencha Touch/Zep to. js/JQ Mobile等，相对PC端框架,它们更加轻便。 而移动端的崛起，带来了许多终端开发难题：多终端适配，多分辨率适配， 远程调试等等，而随着这些难题一个个被解决,移动端生长的势头变得更加强盛。 此时Twitter也推出了 Bootstrap,这个前端开发T具包不仅方便了前端，也 方便了后端同学，它的出现让快速建站更加简单。 编程思想的切换，迎来了 CoffeeScript和TypeScript,这两个预处理语