揭秘12个大厂的前沿技术

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

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

---

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

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

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

全文大纲

• 揭秘工具Wappalyzer介绍

• 字节跳动系列

• 腾讯系列

• 阿里巴巴系列

• 百度系列

• 京东系列

• 美团系列

• 网易系列

• 拼多多

• 哔哩哔哩

• 知乎

• 爱奇艺

• 微博

• 大厂前沿技术统计结果

揭秘工具Wappalyzer介绍

Wappalyzer 官网

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

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

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

安装Wappalyzer

• 打开浏览器，访问官网，点击页面右上角的“Install for”按钮，选择自己使用的浏览器。

• 点击“Add to”按钮，然后根据浏览器的提示进行安装即可。

• 安装完成后，浏览器右上角会出现Wappalyzer的图标，表示已经成功安装。

使用Wappalyzer

• 打开需要识别技术栈的网站，点击浏览器右上角的Wappalyzer图标。

• 在弹出的菜单中，可以看到该网站使用的技术栈，如Web服务器、CMS、JavaScript库等。

• 点击具体的技术栈，可以查看该技术栈的详细信息，包括版本号、官方网站等。

• 在Wappalyzer的设置中，可以选择显示或隐藏某些技术栈，也可以设置自定义规则来识别特定的技术栈

字节跳动系列

前沿技术汇总如下：

• React：抖音、懂车帝、掘金、飞书、西瓜视频

• Vue：掘金

• Next.js：懂车帝

• Nuxt.js：掘金

抖音网页版

官网：www.douyin.com/

懂车帝

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

掘金

官网：juejin.cn/[5]

飞书

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

西瓜视频

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

腾讯系列

前沿技术：

• React：腾讯网、腾讯云、QQ音乐、腾讯会议；

• Vue：腾讯视频、微信公众平台

• Next.js：腾讯会议

构建工具：

• Webpack：腾讯云、微信公众平台、腾讯会议

• Vite：腾讯视频、腾讯云

腾讯网

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

腾讯云

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

QQ音乐

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

腾讯会议

官网：meeting.tencent.com/

腾讯视频

官网：v.qq.com/

微信公众平台

官网：mp.weixin.qq.com/

阿里巴巴系列

前沿技术：

• React：阿里云、1688、优酷、钉钉、支付宝

• Vue：无

• preact：淘宝

阿里云

官网：www.aliyun.com/

1688

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

优酷

官网：youku.com/[16]

钉钉

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

支付宝

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

淘宝

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

百度系列

前沿技术：

• React：文言一心、百度云

• Vue：百度、百度网盘、度小满

• Next.js：百度云

文言一心

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

百度云

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

百度

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

百度网盘

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

度小满

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

京东系列

前沿技术：

• React：无

• Vue：京东云、京东金融、京东物流

• Nuxt.js：京东云、京东物流

• jQuery：京东

京东云

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

京东金融

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

京东物流

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

京东

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

美团系列

前沿技术：

• React：美团网、大众点评

• Vue：无

• Next.js：美团网

美团网

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

大众点评

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

网易系列

前沿技术：

• React：CC直播

• Vue：网易有道、云笔记

• Nuxt.js：网易有道、云笔记

• Next.js：CC直播

CC直播

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

网易有道

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

云笔记

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

其他

拼多多

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

哔哩哔哩

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

知乎

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

爱奇艺

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

微博

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

大厂前沿技术统计结果

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

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