目录

揭秘12个大厂的前沿技术

揭秘12个大厂的前沿技术

很多同学经常问我: 大厂使用 Vue 多还是 React 多?

通常情况下,我的回答都是: React 会稍微多一些。 但是具体多多少,我说不出来。


如果想成为一名优秀的开发工程师,甚至是架构师,那必须要掌握一套高效的研发流程。研发流程是否合理直接决定了研发的效率和成本,也直接关系到产品的优劣,其重要性毋庸置疑。所以,不论是大厂还是小厂都会不断优化研发流程。市面上一些常见的工具,如前端框架Vue、React,构建工具Webpack、Rollup、Vite等也都是为此而生。

作为行业的风向标,大厂在研发流程上比小厂更加高效,工具也更加多样。例如,小厂创建项目可能会直接使用vue-cli或者create-react-app,但是在大厂,则会通过定制脚手架创建或者直接在前端研发平台实现。

通过脚手架创建项目的好处显而易见:可以根据不同团队、不同类型项目定制专用的模板;也可以根据创建过程中输入的参数修改项目中名称、版本、描述等相关内容,缩短研发时间。因此, 剖析大厂的研发流程,不仅能接触超前技术,触摸到未来的行业发展趋势,更能提升个人的技术视野,把经验应用到实际的工作中。

全文大纲

  • 揭秘工具Wappalyzer介绍
  • 字节跳动系列
  • 腾讯系列
  • 阿里巴巴系列
  • 百度系列
  • 京东系列
  • 美团系列
  • 网易系列
  • 拼多多
  • 哔哩哔哩
  • 知乎
  • 爱奇艺
  • 微博
  • 大厂前沿技术统计结果

揭秘工具Wappalyzer介绍

https://i-blog.csdnimg.cn/blog_migrate/ff16f905be58f24063aa4317c1ea0a0c.png

Wappalyzer 官网

Wappalyzer是一款开源的浏览器扩展,用于识别网站所使用的技术栈。它能够检测出使用的Web服务器、内容管理系统、编程语言、JavaScript库、框架等信息,并将其展示给用户。

https://i-blog.csdnimg.cn/blog_migrate/6afd714e9be09788ef46e17b9dcaa54b.png

Wappalyzer支持多种浏览器,包括Chrome、Firefox、Edge、Safari等,并且可以在Windows、Mac和Linux操作系统上运行。

安装和使用Wappalyzer非常简单,下面我将介绍具体步骤。

安装Wappalyzer

  • 打开浏览器,访问官网,点击页面右上角的“Install for”按钮,选择自己使用的浏览器。
  • 点击“Add to”按钮,然后根据浏览器的提示进行安装即可。
  • 安装完成后,浏览器右上角会出现Wappalyzer的图标,表示已经成功安装。

https://i-blog.csdnimg.cn/blog_migrate/913ed29341de6a78c07c2f67c53e5e07.png

使用Wappalyzer

https://i-blog.csdnimg.cn/blog_migrate/fc7ded2b7874a4961fcfeaff6cb0b3d6.png

  • 打开需要识别技术栈的网站,点击浏览器右上角的Wappalyzer图标。
  • 在弹出的菜单中,可以看到该网站使用的技术栈,如Web服务器、CMS、JavaScript库等。
  • 点击具体的技术栈,可以查看该技术栈的详细信息,包括版本号、官方网站等。
  • 在Wappalyzer的设置中,可以选择显示或隐藏某些技术栈,也可以设置自定义规则来识别特定的技术栈

字节跳动系列

前沿技术汇总如下:

  • React:抖音、懂车帝、掘金、飞书、西瓜视频
  • Vue:掘金
  • Next.js:懂车帝
  • Nuxt.js:掘金

抖音网页版

官网:www.douyin.com/

https://i-blog.csdnimg.cn/blog_migrate/09925a6bd542c6d4d00c161f78b2ae0e.png

懂车帝

官网:www.dongchedi.com/[4]

https://i-blog.csdnimg.cn/blog_migrate/32d200970b91298e231a7e1e1a4b63ea.png

掘金

官网:juejin.cn/[5]

https://i-blog.csdnimg.cn/blog_migrate/d238441b3992757fcf3a4abef6993532.png

飞书

官网:www.feishu.cn/[6]

https://i-blog.csdnimg.cn/blog_migrate/fa681e9e5ceb555d132639ca81b11daa.png

西瓜视频

官网:www.ixigua.com/[7]

https://i-blog.csdnimg.cn/blog_migrate/b99e5497a999e08aedda31cfb795524b.png

腾讯系列

前沿技术:

  • React:腾讯网、腾讯云、QQ音乐、腾讯会议;
  • Vue:腾讯视频、微信公众平台
  • Next.js:腾讯会议

构建工具:

  • Webpack:腾讯云、微信公众平台、腾讯会议
  • Vite:腾讯视频、腾讯云

腾讯网

官网:www.qq.com/[8]

https://i-blog.csdnimg.cn/blog_migrate/e9b41dab36a0e229815538ffea32bac2.png

腾讯云

官网:cloud.tencent.com/[9]

https://i-blog.csdnimg.cn/blog_migrate/5a1071232729eedf78915376a69faa61.png

QQ音乐

官网:y.qq.com/[10]

https://i-blog.csdnimg.cn/blog_migrate/c034f128b816e7bb87cbe562ef1454c0.png

腾讯会议

官网:meeting.tencent.com/

https://i-blog.csdnimg.cn/blog_migrate/00ef93b98c4efd9aa8e6747725ea0594.png

腾讯视频

官网:v.qq.com/

https://i-blog.csdnimg.cn/blog_migrate/61f3150befa8cad20745560d4c08cc60.png

微信公众平台

官网:mp.weixin.qq.com/

https://i-blog.csdnimg.cn/blog_migrate/1ea88972716273a2eaaa41294602f36e.png

阿里巴巴系列

前沿技术:

  • React:阿里云、1688、优酷、钉钉、支付宝
  • Vue:无
  • preact:淘宝

阿里云

官网:www.aliyun.com/

https://i-blog.csdnimg.cn/blog_migrate/63613a381c77e91bf76c6c56014b5ac5.png

1688

官网:www.1688.com/[15]

https://i-blog.csdnimg.cn/blog_migrate/f4bcec7641ca7d39b7a614acfecda31d.png

优酷

官网:youku.com/[16]

https://i-blog.csdnimg.cn/blog_migrate/b1a96530fa7e55f09761e85e9dbac113.png

钉钉

官网:www.dingtalk.com/[17]

https://i-blog.csdnimg.cn/blog_migrate/f0f89dbbd516145916840fba6fabe9f5.png

支付宝

官网:www.alipay.com/[18]

https://i-blog.csdnimg.cn/blog_migrate/518dac9a0787ada24eaa9af071494cfe.png

淘宝

官网:www.taobao.com/[19]

https://i-blog.csdnimg.cn/blog_migrate/978dfe17a13f96c40e2bf8d06960e3c7.png

百度系列

前沿技术:

  • React:文言一心、百度云
  • Vue:百度、百度网盘、度小满
  • Next.js:百度云

文言一心

官网:yiyan.baidu.com/[20]

https://i-blog.csdnimg.cn/blog_migrate/d1ec016f7f8c96a543d0986e8d38130f.png

百度云

官网:cloud.baidu.com/[21]

https://i-blog.csdnimg.cn/blog_migrate/10a5534c3c32a9f6e29bbf14a1a2fa69.png

百度

官网:www.baidu.com/[22]

https://i-blog.csdnimg.cn/blog_migrate/6e5bc9ed4a32e207ccfb6be2167ddf63.png

百度网盘

官网:pan.baidu.com/[23]

https://i-blog.csdnimg.cn/blog_migrate/e3ea1f6ac2c7f79f313559215b80bbf4.png

度小满

官网:www.duxiaoman.com/[24]

https://i-blog.csdnimg.cn/blog_migrate/62e704da91c1e7c7012c84d429215b35.png

京东系列

前沿技术:

  • React:无
  • Vue:京东云、京东金融、京东物流
  • Nuxt.js:京东云、京东物流
  • jQuery:京东

京东云

官网:www.jdcloud.com/[25]

https://i-blog.csdnimg.cn/blog_migrate/614d6638fa6cf069776b9fb4fbf830b9.png

京东金融

官网:jr.jd.com/[26]

https://i-blog.csdnimg.cn/blog_migrate/2c5e10c204fadd43119f5ee9680e9771.png

京东物流

官网:www.jdl.com/[27]

京东

官网:www.jd.com/[28]

https://i-blog.csdnimg.cn/blog_migrate/4b59cbf82e8a7cba3e85ff31e8db9540.png

美团系列

前沿技术:

  • React:美团网、大众点评
  • Vue:无
  • Next.js:美团网

美团网

官网:www.meituan.com/[29]

https://i-blog.csdnimg.cn/blog_migrate/bf1af234f5725daeee2016a5ab7eada7.png

大众点评

官网:www.dianping.com/[30]

https://i-blog.csdnimg.cn/blog_migrate/dc63842aeacf8a17d15d5a13cf0f5bea.png

网易系列

前沿技术:

  • React:CC直播
  • Vue:网易有道、云笔记
  • Nuxt.js:网易有道、云笔记
  • Next.js:CC直播

CC直播

官网:cc.163.com/[31]

https://i-blog.csdnimg.cn/blog_migrate/f83c38e20085495e2db7766d795521f8.png

网易有道

官网:www.youdao.com/[32]

https://i-blog.csdnimg.cn/blog_migrate/f3407755ddb571a0c0040991d5557f0d.png

云笔记

官网:note.youdao.com/[33]

https://i-blog.csdnimg.cn/blog_migrate/edfe101e12e6e9cd773564fab1707f63.png

其他

拼多多

官网:www.pinduoduo.com/[34]

https://i-blog.csdnimg.cn/blog_migrate/f2a9ace53bc744d1013262169a5d12ae.png

哔哩哔哩

官网:www.bilibili.com/[35]

https://i-blog.csdnimg.cn/blog_migrate/20045e83cd902a3906215c3e9fe381c1.png

知乎

官网:www.zhihu.com/[36]

https://i-blog.csdnimg.cn/blog_migrate/c97c0fdee04c65a5ca871199b15fd94e.png

爱奇艺

官网:www.iqiyi.com/[37]

https://i-blog.csdnimg.cn/blog_migrate/c0050a3023369c90a4045009ad896f52.png

微博

官网:www.weibo.com/[38]

https://i-blog.csdnimg.cn/blog_migrate/7027137a80e392d5bb231f4c1125c8e0.png

大厂前沿技术统计结果

https://i-blog.csdnimg.cn/blog_migrate/fbf79bd36581dbad39a1098b157ee6d6.png

从上面前沿技术统计结果来看,国内大厂React 和Vue的应用比例大概是3:2。

阿里、美团 独爱 React。 京东、B 站 独爱 Vue。