揭秘12个大厂的前沿技术

2023年 10月 2日 26.2k 0

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支持多种浏览器

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

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

安装Wappalyzer

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

安装Wappalyzer

使用Wappalyzer

使用Wappalyzer

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

字节跳动系列

前沿技术汇总如下:

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

抖音网页版

官网:www.douyin.com/

抖音网页版 -React

懂车帝

官网:www.dongchedi.com/

懂车帝 -React和Next.js

掘金

官网:juejin.cn/

掘金-react、vue和nuxt.js

飞书

官网:www.feishu.cn/

飞书 React

西瓜视频

官网:www.ixigua.com/

西瓜视频 -React

腾讯系列

前沿技术:

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

构建工具:

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

腾讯网

官网:www.qq.com/

腾讯网 react和Next.js

腾讯云

官网:cloud.tencent.com/

腾讯云 React

QQ音乐

官网:y.qq.com/

QQ音乐 React

腾讯会议

官网:meeting.tencent.com/

腾讯会议 React和Next.js

腾讯视频

官网:v.qq.com/

腾讯视频 Vue

微信公众平台

官网:mp.weixin.qq.com/

微信公众平台 Vue

阿里巴巴系列

前沿技术:

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

阿里云

官网:www.aliyun.com/

阿里云 React

1688

官网:www.1688.com/

1688 React

优酷

官网:youku.com/

钉钉

官网:www.dingtalk.com/

钉钉 React

支付宝

官网:www.alipay.com/

支付宝 React

淘宝

官网:www.taobao.com/

淘宝 Preact

百度系列

前沿技术:

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

文言一心

官网:yiyan.baidu.com/

文言一心 React

百度云

官网:cloud.baidu.com/

百度云 React 、Vue、Next.js

百度

官网:www.baidu.com/

百度-Vue

百度网盘

官网:pan.baidu.com/

百度网盘 Vue

度小满

官网:www.duxiaoman.com/

度小满 Vue

京东系列

前沿技术:

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

京东云

官网:www.jdcloud.com/

京东云 Vue 和Nuxt.js

京东金融

官网:jr.jd.com/

京东金融 Vue

京东物流

官网:www.jdl.com/

揭秘12个大厂的前沿技术-1

京东

官网:www.jd.com/

京东 Jquery

美团系列

前沿技术:

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

美团网

官网:www.meituan.com/

美团网 React 和 Next.js

大众点评

官网:www.dianping.com/

大众点评 React

网易系列

前沿技术:

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

CC直播

官网:cc.163.com/

CC直播 React和Next.js

网易有道

官网:www.youdao.com/

网易有道 Vue 和 Nuxt.js

云笔记

官网:note.youdao.com/

云笔记 Vue和Nuxt.js

其他

拼多多

官网:www.pinduoduo.com/

拼多多React和Next.js

哔哩哔哩

官网:www.bilibili.com/

哔哩哔哩 Vue

知乎

官网:www.zhihu.com/

知乎 React 和Emotion

爱奇艺

官网:www.iqiyi.com/

爱奇艺 Vue 和 Nuxt.js

微博

官网:www.weibo.com/

微博 Vue

大厂前沿技术统计结果

大厂前沿技术统计结果

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

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

相关文章

服务器端口转发,带你了解服务器端口转发
服务器开放端口,服务器开放端口的步骤
产品推荐:7月受欢迎AI容器镜像来了,有Qwen系列大模型镜像
如何使用 WinGet 下载 Microsoft Store 应用
百度搜索:蓝易云 – 熟悉ubuntu apt-get命令详解
百度搜索:蓝易云 – 域名解析成功但ping不通解决方案

发布评论