前端技术变革之路.docxVIP

前端技术变革之路 原始时代 原始时代，程序员的第一武器就是: ?最原生的方法写JavaScript;同时由于刚刚编码入门，不知道有什么模块思想，如 何封装等等。 ? JavaScript 配合 CSS 和 IE6 作战 ?不用但可的框架 JQuery的崛起 JQuery的第一个版本应该是在2006年8月出来，第一个可用的版本在07年，但是在中 国火的满大街，应该到08年了吧！在某C某V的项目里，开始大面积应用JQuery. JQuery + JQuery UI + Plugin火的烂大街。当年最爱做的事情，就是收集好用的JQuery plugin ,看到一个收藏到收藏夹一个，以至于到10年，点开那满满的收藏夹已经可以滚几 个屏幕。你要知道,在当年,那可是宝,为了能在家、在公司、在任何一台电脑上都可以访 问我的宝贝收藏，尝试了 N多收藏夹自动同步还有管理的工具。 HOLY SHIT! 不折腾就不会死的年代,这个时期: JQuery火遍全中国；大家对它的认识处于〃工具，工具方法，原生JS函数扩展 ?程序猿分出了两类：一类说〃我是JQuery熟手但是不懂JavaScript类说”如 果你来面试说你会JQuery但是不懂JavaScript就滚 IE6终于有了点解药 这个时期，火到Angular出现。 胖前端时代:踏步迎接Angular 我一定相信，在前端人的世界里，绝对不是从JQuery直接迈进了以Angular为代表的时 代，其间可能经历了 JavaScript框架A ,改进JQuery某某弱点、JavaScript框架B改进 前端编程某某弱点,等等。 或者，在高人的眼里，Angular不能代表一个时代，而是其他某某框架。 但是，在我还在推崇〃前端编码,JQuery大法好”的时候，某大神和我说，喂，你们用 过Angular吗？为了不落后，花了一个下午玩了一把，然后在新的项目里，就推行了。 然后从那之后的新项目都开始了 MVVM/MVW的转型，而那个代表就是Angular。也是从 那个时期开始，身边的人都在讨论Angular。 ControllerUsersU$r intracts with (HTML) and hanf?$ th daU calls th?c^ntrolhr Controls Mokl. intrMts with $?fvr$via Mrvi?s and prf0CRUOAo^lup th data. AnfularJS Controller Users U$r intracts with (HTML) and hanf?$ th daU calls th? c^ntrolhr Controls Mokl. intrMts with $?fvr$ via Mrvi?s and prf0CRUOAo^lup th data. AnfularJS dUcU anymodtl chnf$ nd updius tht Vl?w vtA 2-w*y bu bendmf. 图片来源于Google图片搜索-Developers Corner 跟着潮流，从瘦前端到胖前端转型。也是从这个时期开始，在项目的设计思路中， 我们开始把基于H5的页面也考虑成了 客户端〃，服务端的角色由提供数据并渲染变 成了仅仅提供数据： ? Angular以及基于opensource的Angular扩展，是我们的主要武器 ?有服务端各种成熟方案的铺垫JavaScript程序猿开始崛起〃，以前在服务端开 发采用的工具、设计思想统统在前端开发的世界里开始施展拳脚 感谢Node.js，以及由此带来的各种工具和思想（bower, grunt, gulp, yeoman, etc, 还有重要的Promise模式），JavaScript统一前后端。 ?项目的开发语言由JavaScript转向CoffeeScript; CSS开始严重依赖BootStr叩， 样式语言转向LESS/SASS ;部分项目用Jade替代了 HTML IE6淡出了大家的视野 现状和前瞻：趋于标准化 不知道是不是应该感谢Google还有Chrome ,因为在我的记忆里，Chrome推动了前端 标准化的进程,随着它的市场份额越来越大,前端工程师们的痛苦也越来越小。 当然，我的理解并不一定正确，我并没有去验证，去找寻一下历史资料，到底是哪些公司和 社区力量，推动了 HTML5 , CSS3等标准化的进程。不管是谁,他们的贡献都值得感谢. 铭记和尊重!另外，微信帝国的扩张，多少也对前端开发的发展，做出了不可忽视的贡献。 另一个不可忽视的贡献，就是ES6 （现在叫ES2O15 ,从名字就能意识到，这个代表2015 年大家就可以用了）。JavaScript做为浏览器里的汇编语言〃，多年来发展缓慢，所以