热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

bat比较有意思的代码_解密国内BAT等大厂前端技术体系完结篇

这是奶爸码农第49篇原创文章,点击上方蓝字关注在两个月前,我开始了一次对国内各大互联网前端技术体系的探索之路。自己的技术视野也得到不断扩展,
这是奶爸码农第49篇原创文章,点击上方蓝字关注

537b9e53a904aa7428f20905ffb97618.png

在两个月前,我开始了一次对国内各大互联网前端技术体系的探索之路。自己的技术视野也得到不断扩展,自身对于大前端的技术也建立起了比较完整的体系,同时也可以很好的了解当前的技术风向。如题图所示,前端技术犹如星辰大海浩瀚无际,不断探索不亦乐乎。

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

阿里篇

a9c9d054430910b34c88c387f98ac0ec.png

文章链接:解密国内BAT等大厂前端技术体系-阿里篇(长文建议收藏)

一句话总结:阿里的前端技术体系非常完整,并且已经完成了多轮演进,无论是基础设施的完备性,还是在Web IDE、智能化、Serverless等前沿技术探索上在国内都是首屈一指。

百度篇

27340bda85a4cc9f9d0d9a00c7bd0209.png

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

一句话总结:百度的前端技术起步很早,依稀可以从中看到当年PC王者的风范,不过在移动互联网时代的业务落后也体现在了技术体系建设方面,目前已经明显感受到其技术些许陈旧。

腾讯篇

f641ed41dc6f19ac7acc1241c4bc50f6.png

文章链接:解密国内BAT等大厂前端技术体系-腾讯篇(长文建议收藏)

一句话总结:腾讯给大家的感觉一直都是产品驱动、闷声发大财的样子,而且从技术方面由于有阿里、百度这类技术沉淀深厚的公司作为对比也没有给人留下深刻的印象。但是,最近几年随着微信平台的崛起,围绕微信平台的开发框架、跨端同构方面获得了比较大突破,同时,也举办例如TWeb conf、腾讯Live开发者大会,在业界的影响力也不断扩大。

携程篇

d29729b26d5b036c08ccc7085131e5b7.png

文章链接:解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

一句话总结:携程在组织架构上有基础研发团队进行保障,在大前端领域能够收敛、沉淀众多的基础平台服务、技术框架,形成了一套比较完整、统一的基础框架能力,很好的支撑了多App、多业务的快速发展。

美团篇

602778e7fee86194de7217ab7793d7fb.png

文章链接:

解密国内BAT等大厂前端技术体系-美团点评之上篇(长文建议收藏)

解密国内BAT等大厂前端技术体系-美团点评之下篇(长文建议收藏)

一句话总结:美团点评这几年业务不断扩张发展,基础架构团队不断沉淀基础能力夯实平台能力,各个业务团队也是各显神通,不断积累框架并在公司内外部进行推广使用。美团点评在工程化、代码质量、跨平台动态化、组件库和前端框架等方面都有不错的沉淀,同时各个BU团队也针对业务特点进行了前端技术体系建设。

汇总一下

可以看到各大公司对于大前端的建设各有不同的方向,最近几年国内大前端的行业峰会也层出不穷让人目不暇接,但是经过汇总一下,还是能够看出大概的脉络。

c6a207905a745682af8cc4a7e58cb3cd.png

基础设施:云端能力成为各大互联网的基础能力,可以想象未来云端会越来越强大,可以提供更多标准化的能力,前端可以自主做更多的事情。

服务层: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等等技术发展,端与交互的多样性一定会催生出更多大前端的技术,未来可期,你准备好了吗?

85666ada9c4efcacb8dff6405a202b9f.gif

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




推荐阅读
  • 程序员如何优雅应对35岁职业转型?这里有深度解析
    本文探讨了程序员在职业生涯中如何通过不断学习和技能提升,优雅地应对35岁左右的职业转型挑战。我们将深入分析当前热门技术趋势,并提供实用的学习路径。 ... [详细]
  • 最新计算机专业原创毕业设计参考选题都有源码+数据库是近期作品ling取参考你的选题刚好在下面有,有时间看到机会给您发1ssm资源循环利用2springboot校园考勤系统3ssm防 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • Vue 3.0 翻牌数字组件使用指南
    本文详细介绍了如何在 Vue 3.0 中使用翻牌数字组件,包括其基本设置和高级配置,旨在帮助开发者快速掌握并应用这一动态视觉效果。 ... [详细]
  • 本文作者分享了在阿里巴巴获得实习offer的经历,包括五轮面试的详细内容和经验总结。其中四轮为技术面试,一轮为HR面试,涵盖了大量的Java技术和项目实践经验。 ... [详细]
  • 嵌入式开发环境搭建与文件传输指南
    本文详细介绍了如何为嵌入式应用开发搭建必要的软硬件环境,并提供了通过串口和网线两种方式将文件传输到开发板的具体步骤。适合Linux开发初学者参考。 ... [详细]
  • Java项目分层架构设计与实践
    本文探讨了Java项目中应用分层的最佳实践,不仅介绍了常见的三层架构(Controller、Service、DAO),还深入分析了各层的职责划分及优化建议。通过合理的分层设计,可以提高代码的可维护性、扩展性和团队协作效率。 ... [详细]
  • 深入解析Serverless架构模式
    本文将详细介绍Serverless架构模式的核心概念、工作原理及其优势。通过对比传统架构,探讨Serverless如何简化应用开发与运维流程,并介绍当前主流的Serverless平台。 ... [详细]
  • 本文回顾了2017年的转型和2018年的收获,分享了几家知名互联网公司提供的工作机会及面试体验。 ... [详细]
  • 使用JS、HTML5和C3创建自定义弹出窗口
    本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
  • 前言无论是对于刚入行工作还是已经工作几年的java开发者来说,面试求职始终是你需要直面的一件事情。首先梳理自己的知识体系,针对性准备,会有事半功倍的效果。我们往往会把重点放在技术上 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • Spring Cloud因其强大的功能和灵活性,被誉为开发分布式系统的‘一站式’解决方案。它不仅简化了分布式系统中的常见模式实现,还被广泛应用于企业级生产环境中。本书内容详实,覆盖了从微服务基础到Spring Cloud的高级应用,适合各层次的开发者。 ... [详细]
  • 作为一名拥有五年工作经验的开发人员,对产品设计和管理有着独到的见解。本文将分享腾讯暑期实习生面试的经历,涵盖笔试、群面、专业面试、总监面试及最终HR面试的全过程,希望能为即将面试的同学提供有价值的参考。 ... [详细]
  • 本文详细探讨了Xshell6评估版到期后无法使用的常见问题,并提供了有效的解决方案,包括如何合法购买授权以继续使用。 ... [详细]
author-avatar
蓝颜似水2002
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有