学前端？你需要了解的前端变迁史

时光荏苒，岁月如梭，菜鸟在经历一个个项目的淬炼，无数个加班夜晚相陪伴，终成一代老鸟，伴随项目时过境迁的还有飞速发展的前端技术，遂撰写8年从业总结于此，缅怀往昔凌晨4点的日初，期望对来者有所裨益，免于挑灯夜战之苦！

工作伊始至今，洽适经历web前端由简单静态html+css的网页"石器时代"到jsp，asp，php的代码和html交织的动态网页的“青铜时代”，接着富客户端flex和ext等前端框架编织的“白银时代”，再到如今的angular，vue，react等新框架三足鼎立的“黄金时代”，前端框架所组织变革的大潮浩浩荡，顺之者在此生态里宵衣旰食，逆之者死在沙滩上！技术变革对程序员而言总是意味着加班，压力和机遇，高效。了解技术变革史，对全面掌握一项技术和技能必不可或缺，大家以此共勉！

web端的“石器时代”：HTML

web端的“青铜时代”：DHTML

经历的粗狂豪放的石器时代，以web2.0为开端，涉及到前后端交互式应用逐渐成为那个时代的宠儿，应用伴随着数据交互，让我加速跑步进入了互联网的信息化高速公路，同时我们经历的第一次互联网泡沫的洗礼，也使以asp，jsp技术为代表的交互式应用步履更加坚实，交互式应用让前端不仅仅单纯的承担信息和数据流的展示，同时，前端开始涉及有更多的业务逻辑，使得前端工程化的雏形得以在此孕育。静态页面与数据的第一次邂逅，开启了web2.0时代；随着信息化建设的浪潮如火如荼，单纯的静态页面与数据逻辑交织已无法满足新时代IT从业者的要求，承前启后的时代由此终结！

web端的“白银时代”：JSFramework

这是个最糟糕的时代，也是一个最好的时代，互联网的浪潮再次来袭，变革也在这个年代猛烈冲击着上个时代的辉煌，生产力和质量成了当前时代的瓶颈，重复制造轮子的工艺逐渐被新生的一套套框架所取代，数据和展现的分离也成了这个时代的主题，以ExtJS，JQueryUI，Flex为代表的富客户端，不仅带来更酷炫的前端展示，前端数据模型的建立，web前端逐渐从应用中开始剥离，前端开发生产力再一次得到解放，数据流为导向的应用也开始慢慢在前后端形成规范，并流行起来，量变引起的质变，“组建化”，“规范化”恰是这个时代前端的缩写词！

web端的“黄金时代”：JSModule

pc互联网到移动互联网，万物互联，万物互通，庞大的网络对技术的要求不再简单是工具的需求，转而是一种思想的引领，“前端工程化”逐渐成为前端最强的一股风潮，将前端推到浪潮之巅，“h5应用”，“小程序”一波一波来袭，让前端在nodejs构建下，走向了工程化。新一代标准和规范下，让原来发散的前端技术，类库逐步以生态链为核心收敛，前端的技术壁垒也慢慢开始建立，React，Angular，Vue三足鼎立的黄金时代由此拉开大幕，生态圈的建立也成这个黄金时代最强音！

web端的“后黄金时代”：Front-End Micor Service

随着三大框架雄踞前端开发项目，项目体量和规模空前，超过了任何一个时期的代码量。前端工程化，标准化，让前端项目如雨后春笋一般迅速在应用中生根发芽，产品团队也投入更多经历在用户体验上，前端作为面向客户体验的最前沿阵地，得到越来越多的用户，产品经理，项目经理的重视；但前端开发端，超大规模的前端项目与前端人员数量增长，使前端开发效率并未成正比率增长。相反，项目后期投入的前端人员越多，效率越低下。在此阶段，微服务化开始引领了互联网科技新潮流，微前端框架single-spa、qiankun、mooa等技术推出，也在让前端在微服务潮流中乘风破浪。后“黄金时代”前端微服务化势必将前端技术推向一个新的高点。