热门标签 | 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公司,目前在美团负责餐饮相关大前端技术团队,定期分享关于大前端技术、投资理财、个人成长的思考与总结。




推荐阅读
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 数据库内核开发入门 | 搭建研发环境的初步指南
    本课程将带你从零开始,逐步掌握数据库内核开发的基础知识和实践技能,重点介绍如何搭建OceanBase的开发环境。 ... [详细]
  • 深入解析Spring Cloud Ribbon负载均衡机制
    本文详细介绍了Spring Cloud中的Ribbon组件如何实现服务调用的负载均衡。通过分析其工作原理、源码结构及配置方式,帮助读者理解Ribbon在分布式系统中的重要作用。 ... [详细]
  • 本文详细介绍了如何构建一个高效的UI管理系统,集中处理UI页面的打开、关闭、层级管理和页面跳转等问题。通过UIManager统一管理外部切换逻辑,实现功能逻辑分散化和代码复用,支持多人协作开发。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文详细探讨了Netty中Future及其子类的设计与实现,包括其在并发编程中的作用和具体应用场景。我们将介绍Future的继承体系、关键方法的实现细节,并讨论如何通过监听器和回调机制来处理异步任务的结果。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • Hadoop入门与核心组件详解
    本文详细介绍了Hadoop的基础知识及其核心组件,包括HDFS、MapReduce和YARN。通过本文,读者可以全面了解Hadoop的生态系统及应用场景。 ... [详细]
  • 解决IIS无法访问映射网络驱动器的问题
    探讨IIS在尝试访问映射的网络驱动器时遇到的问题及其解决方案,包括配置和权限设置等方面的详细分析。 ... [详细]
  • 尽管使用TensorFlow和PyTorch等成熟框架可以显著降低实现递归神经网络(RNN)的门槛,但对于初学者来说,理解其底层原理至关重要。本文将引导您使用NumPy从头构建一个用于自然语言处理(NLP)的RNN模型。 ... [详细]
  • 通过与阿里云的合作,牛客网成功解决了跨国视频面试中的网络卡顿问题,为求职者和面试官提供了更加流畅的沟通体验。 ... [详细]
  • 深入探讨CPU虚拟化与KVM内存管理
    本文详细介绍了现代服务器架构中的CPU虚拟化技术,包括SMP、NUMA和MPP三种多处理器结构,并深入探讨了KVM的内存虚拟化机制。通过对比不同架构的特点和应用场景,帮助读者理解如何选择最适合的架构以优化性能。 ... [详细]
  • 本文探讨了领域驱动设计(DDD)的核心概念、应用场景及其实现方式,详细介绍了其在企业级软件开发中的优势和挑战。通过对比事务脚本与领域模型,展示了DDD如何提升系统的可维护性和扩展性。 ... [详细]
  • 本文探讨了MariaDB在当前数据库市场中的地位和挑战,分析其可能面临的困境,并提出了对未来发展的几点看法。 ... [详细]
  • 本文详细介绍如何在VSCode中配置自定义代码片段,使其具备与IDEA相似的代码生成快捷键功能。通过具体的Java和HTML代码片段示例,展示配置步骤及效果。 ... [详细]
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社区 版权所有