支付宝的前端架构是怎样的?

相关问题: 饿了么的前端架构是怎样的? - 前端开发 美团网的前端架构是怎样的? - 前端开发 百姓网的前端架构是怎样的? - 前端开发 大搜车的前端…
关注者
1,204
被浏览
40,146

4 个回答

你可以自己把答案找出来。用chrome登录alipay.com,右键“查看源码”

Sea.js

很快映入眼帘,用来调度JS组件

  • 从配置看前端组件部署在a.alipayobjects.com则个CDN下
  • jQuery在1.7.2版本,也许因为浏览器兼容,也许因为要向上兼容某些组件,没有升级
  • 在Console里可以访问到seajs对象,seajs.cache应该是可用的前端组件

到这里你就可以看出架构的大概了。

CSS基础库应该是

GitHub - sofish/Alice: Alice

,源码里有蛛丝马迹如.fn-clear,Alice应该是HTML

头直接装载的:

<link charset="utf-8" rel="stylesheet" href="https://a.alipayobjects.com:443/authcenter/login/1.2.9/css/index.css" media="all" />

核心UI库是

Arale

,在seajs.cache占据很多条目

这应该足够你自己继续深挖了,该有的工具都在你手上。

就像玉伯说的:在大阿里,团队与团队之间的差异,有时大得像是 Google 与 IBM 的差异一样。

所以在阿里每个团队甚至是每个项目都有自己的架构风格。而且架构本身是一个随时间演化的过程~

为什么?