在两个月前，我开始了一次对国内各大互联网前端技术体系的探索之路。自己的技术视野也得到不断扩展，自身对于大前端的技术也建立起了比较完整的体系，同时也可以很好的了解当前的技术风向。
下面我先回顾一下各大厂的技术体系情况：
阿里篇
文章链接：解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏）
一句话总结：阿里的前端技术体系非常完整，并且已经完成了多轮演进，无论是基础设施的完备性，还是在Web IDE、智能化、Serverless等前沿技术探索上在国内都是首屈一指。
百度篇
文章链接：解密国内BAT等大厂前端技术体系-百度篇（长文建议收藏）
一句话总结：百度的前端技术起步很早，依稀可以从中看到当年PC王者的风范，不过在移动互联网时代的业务落后也体现在了技术体系建设方面，目前已经明显感受到其技术些许陈旧。
腾讯篇
文章链接：解密国内BAT等大厂前端技术体系-腾讯篇（长文建议收藏）
一句话总结：腾讯给大家的感觉一直都是产品驱动、闷声发大财的样子，而且从技术方面由于有阿里、百度这类技术沉淀深厚的公司作为对比也没有给人留下深刻的印象。但是，最近几年随着微信平台的崛起，围绕微信平台的开发框架、跨端同构方面获得了比较大突破，同时，也举办例如TWeb conf、腾讯Live开发者大会，在业界的影响力也不断扩大。
携程篇
文章链接：解密国内BAT等大厂前端技术体系-携程篇（长文建议收藏）
一句话总结：携程在组织架构上有基础研发团队进行保障，在大前端领域能够收敛、沉淀众多的基础平台服务、技术框架，形成了一套比较完整、统一的基础框架能力，很好的支撑了多App、多业务的快速发展。
美团篇
文章链接：
解密国内BAT等大厂前端技术体系-美团点评之上篇（长文建议收藏）
解密国内BAT等大厂前端技术体系-美团点评之下篇（长文建议收藏）
一句话总结：美团点评这几年业务不断扩张发展，基础架构团队不断沉淀基础能力夯实平台能力，各个业务团队也是各显神通，不断积累框架并在公司内外部进行推广使用。美团点评在工程化、代码质量、跨平台动态化、组件库和前端框架等方面都有不错的沉淀，同时各个BU团队也针对业务特点进行了前端技术体系建设。
汇总一下
可以看到各大公司对于大前端的建设各有不同的方向，最近几年国内大前端的行业峰会也层出不穷让人目不暇接，但是经过汇总一下，还是能够看出大概的脉络。
基础设施：云端能力成为各大互联网的基础能力，可以想象未来云端会越来越强大，可以提供更多标准化的能力，前端可以自主做更多的事情。
服务层：BFF/SSR是前端服务层的主要作用，从技术栈而言，Node->GraphQL->Serverless会是一个大趋势，尤其是Serverless的出现让大家看到前端更加独立放飞自我的可能性。
应用层：在前端三大框架React、Vue、Angular之上，形成了一系列强约束性、架构标准化、插件化扩展的应用层开发框架，这类应用框架的出现对于大厂技术栈能力沉淀起到非常重要的作用。
UI组件库：组件库不再是简单的UI组件的封装，而是一套完整的设计语言。同时随着端的丰富，组件库也从PC端来到移动端、小程序，形态上也更多出现了数据可视化等更为丰富的表现。
小程序：小程序是国内的一种特殊产物，随着微信、支付宝小程序的兴起，各大App都开始小程序容器化的建设，但对于应付多个小程序平台研发也变得苦不堪言。于是出现了类React/Vue开发方式的mpvue、wepy等框架方便大家延续原有前端开发模式，然后又有了多端统一的框架Taro、uni-app等等，解决多端统一的问题。
跨平台动态化：跨平台和动态化始终是一个关于研发效率与用户体验如何平衡的热门话题，不论是Hybrid的Web容器增强还是RN、Flutter这类虚拟运行环境的解决方案，都有着不同的应用场景。在国内，对于研发效率和动态化能力执着追求下，在用户体验妥协下，RN、Flutter技术得到长足的发展，RN目前已经进入了成熟期，各大公司的基础建设也相对完善；Flutter则是当红炸子鸡，处于技术泡沫期，但其未来前景有可能更好，其跨平台的愿景更为宏大，未来可期。
工程智能化：大前端研发早就进入到大规模、多团队协作的工作模式，因此工程化的基础建设对于研发效率、规范落地、线上异常性能监控等方面都起到非常重要的作用。目前阿里在云端化的建设，例如Web IDE、云构建等，进一步提升了前端工程化的能力。同时前端智能化这个方向也非常热门，在Pro Code/Low Code/No Code三个方向都有很多突破，前端同学在自我革命的道路上越走越决绝了。
写在最后
大前端的技术在最近10年获得了蓬勃发展，尤其是在三大框架的诞生与成熟，随后大前端技术急剧发展百花齐放。身处其中的同学往往都会说不要再更新，学不动了，今后随着5G、人工智能、AR/VR、IoT等等技术发展，端与交互的多样性一定会催生出更多大前端的技术，未来可期，你准备好了吗？
