hello,大家好,我是Sunday。
很多同学经常问我: 大厂使用 Vue 多还是 React 多?
通常情况下,我的回答都是:React 会稍微多一些。 但是具体多多少,我说不出来。
不过今天我看到了一篇很好的文章(原文地址:www.toutiao.com/article/728…
所以,分享给大家。
正文内容
如果想成为一名优秀的开发工程师,甚至是架构师,那必须要掌握一套高效的研发流程。研发流程是否合理直接决定了研发的效率和成本,也直接关系到产品的优劣,其重要性毋庸置疑。所以,不论是大厂还是小厂都会不断优化研发流程。市面上一些常见的工具,如前端框架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/
掘金
官网:juejin.cn/
飞书
官网:www.feishu.cn/
西瓜视频
官网:www.ixigua.com/
腾讯系列
前沿技术:
- React:腾讯网、腾讯云、QQ音乐、腾讯会议;
- Vue:腾讯视频、微信公众平台
- Next.js:腾讯会议
构建工具:
- Webpack:腾讯云、微信公众平台、腾讯会议
- Vite:腾讯视频、腾讯云
腾讯网
官网:www.qq.com/
腾讯云
官网:cloud.tencent.com/
QQ音乐
官网:y.qq.com/
腾讯会议
官网:meeting.tencent.com/
腾讯视频
官网:v.qq.com/
微信公众平台
官网:mp.weixin.qq.com/
阿里巴巴系列
前沿技术:
- React:阿里云、1688、优酷、钉钉、支付宝
- Vue:无
- preact:淘宝
阿里云
官网:www.aliyun.com/
1688
官网:www.1688.com/
优酷
官网:youku.com/
钉钉
官网:www.dingtalk.com/
支付宝
官网:www.alipay.com/
淘宝
官网:www.taobao.com/
百度系列
前沿技术:
- React:文言一心、百度云
- Vue:百度、百度网盘、度小满
- Next.js:百度云
文言一心
官网:yiyan.baidu.com/
百度云
官网:cloud.baidu.com/
百度
官网:www.baidu.com/
百度网盘
官网:pan.baidu.com/
度小满
官网:www.duxiaoman.com/
京东系列
前沿技术:
- React:无
- Vue:京东云、京东金融、京东物流
- Nuxt.js:京东云、京东物流
- jQuery:京东
京东云
官网:www.jdcloud.com/
京东金融
官网:jr.jd.com/
京东物流
官网:www.jdl.com/
京东
官网:www.jd.com/
美团系列
前沿技术:
- React:美团网、大众点评
- Vue:无
- Next.js:美团网
美团网
官网:www.meituan.com/
大众点评
官网:www.dianping.com/
网易系列
前沿技术:
- React:CC直播
- Vue:网易有道、云笔记
- Nuxt.js:网易有道、云笔记
- Next.js:CC直播
CC直播
官网:cc.163.com/
网易有道
官网:www.youdao.com/
云笔记
官网:note.youdao.com/
其他
拼多多
官网:www.pinduoduo.com/
哔哩哔哩
官网:www.bilibili.com/
知乎
官网:www.zhihu.com/
爱奇艺
官网:www.iqiyi.com/
微博
官网:www.weibo.com/
大厂前沿技术统计结果
从上面前沿技术统计结果来看,国内大厂React 和Vue的应用比例大概是3:2。
阿里、美团 独爱 React。
京东、B 站 独爱 Vue。