[转帖]解密国内BAT等大厂前端技术体系-完结篇

解密国内BAT等大厂前端技术体系-完结篇

https://juejin.im/post/5e02c0896fb9a0160770ae9e

在两个月前,我开始了一次对国内各大互联网前端技术体系的探索之路。自己的技术视野也得到不断扩展,自身对于大前端的技术也建立起了比较完整的体系,同时也可以很好的了解当前的技术风向。

下面我先回顾一下各大厂的技术体系情况:

阿里篇

文章链接:解密国内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等等技术发展,端与交互的多样性一定会催生出更多大前端的技术,未来可期,你准备好了吗?

『奶爸码农』从事互联网研发工作10+年,经历IBM、SAP、陆金所、携程等国内外IT公司,目前在美团负责餐饮相关大前端技术团队,定期分享关于大前端技术、投资理财、个人成长的思考与总结。

关注下面的标签,发现更多相似文章

原文地址:https://www.cnblogs.com/jinanxiaolaohu/p/12105419.html

时间: 2024-08-28 06:02:09

[转帖]解密国内BAT等大厂前端技术体系-完结篇的相关文章

解密国内BAT等大厂前端技术体系-百度篇(长文建议收藏)

1 引言 整个业界在前端框架不断迭代中,也寻找到了许多突破方向,例如跨平台中的RN.Flutter,服务端GraphQL.Serverless,前端和客户端的融合越来越紧密,前端在Node和Electron的加持下,也扩展了自己的版图到服务端和桌面. 同时,随着前端开发越来越复杂,整个前端研发也经历了人工化->工具化->工程化->智能化的演变.目前各个大厂在工程化实践不断迭代,出现了许多Low/No Code等前端智能化解决方案,工程化实践也深入到研发的各个环节,不断提升前端研发的标准化

前端技术概括

文/李晶 随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变.尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力.尽管Web前端技术诞生至今时日并不长,但随着Web技术的逐渐深入,今后将会在以下几方面发力. Web移动终端开发. JavaScript的兄弟们. 百花齐放的类库和框架. 工程化的Web前端开发规范. Web移动终端开发 PhoneGap: 一个开源的开发框架,使用HTML.CSS和JavaScript来构建跨平

国内各大互联网公司相关技术博客3.0版 (集合腾讯、阿里、百度、搜狐、新浪、网易、360等共29个)

在2013-07-15 整理了一份国内各大互联网公司相关技术站点2.0版 (集合腾讯.阿里.百度.搜狐.新浪.360等共49个) 近日重新整理了一番,希望能对大家有所帮助 2013年 腾讯系列(13)  阿里系列(18)  百度系列(3)  搜狐系列(3)  新浪系列(2)  360系列(2)   其他(9) 2016年 腾讯系列(9)  阿里系列(5)  百度系列(6)  搜狐系列(1)  新浪系列(1)  360系列(2)   其他(3) 新增 网易(2) 腾讯系列(9) 1.财付通设计中心

浏览器端技术体系概览 -- 前端开发的七种武器

科普文一则,说说我对前端技术体系(也称浏览器端技术体系)的认识,希望能让更多人了解前端,也希望能借此丰富前端开发的大局观. 去年我写了网站性能优化系列文章,看过的朋友会知道,这类文章重点并非介绍各种具体的优化技巧,而是在关注发掘这些优化点的思路和方法.然后介绍给大家多种检测手段去发现问题,进而有目标的解决问题.所有这些需要我们对有网页整个生命周期有清晰的认识,对网页中各种技术极其相互结合的方式有明确的认知.这就回归到一个更本质的问题:浏览器端技术体系是怎样的. 想用三言两语说清前端技术不大可能,

前端技术学习路线及技术汇总

下面是简单整理的一些前端的学习路线:第一阶段: HTML+CSS:HTML主要就是网页编辑.包括HTML进阶.CSS进阶.div+css布局.HTML+css整站开发.Javascript 语言:JavaScript是web前端中最重要的知识,包括Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图.JS基本特效:常见特效,如tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图.JS高级特征:

2019年Android岗位BAT等大厂面试题

2019年Android岗位BAT等大厂面试题知识点小结2019年了搜集了很多面试题,希望能对大家有所帮助 1.View的绘制流程;自定义View如何考虑机型适配;自定义View的事件分发机制;View和ViewGroup分别有哪些事件分发相关的回调方法;自定义View如何提供获取View属性的接口. View的绘制流程: 流程一:mesarue()过程; 流程二:layout布局过程; 流程三:draw()绘图过程. 详情:http://blog.csdn.net/qinjuning/arti

前端知识体系2

Raw Blame History 1226 lines (983 sloc) 67.4 KB QQ联盟群交流(492107297)群规 GITHUB在线地址 http://t.cn/RL2NtqX 看云在线地址 http://t.cn/RUdaGHn 这是我们联盟群的组织结构,加入等级参考JS高级前端开发群加群说明. 这本来是我QQ群内部的一份公共约定的日常交流规则,后来得到大伙的一致认可,并用实际行动来捍卫它,使我倍受感动. 后来想:传播使爱更有力量,阅读使内心更为坚强,沉淀使生活更为醇香,

前端技术的发展和趋势

Web 发展了几十个春秋,风起云涌,千变万化.我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走.Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造.这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会.本文会盘点从 09 年开始到 15 年间前端技术的革新,同时也会从多个角度,解读近几年前端技术发展的潜在因素,其中穿插了若干对前端演进的拙见,难免会有错误和疏漏,望读者可以补充和斧正. 那

2016 年前端技术

近几年前端技术盘点以及 2016 年技术发展方向 2016-01-09 10:33 by Barret Lee, 1175 阅读, 8 评论, 收藏, 编辑 Web 发展了几十个春秋,风起云涌,千变万化.我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走.Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造.这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会.本文会盘点从 09 年开始到