支付宝的前端架构是怎样的?
关注者
1,204被浏览
40,1464 个回答
你可以自己把答案找出来。用chrome登录http://alipay.com,右键“查看源码”
Sea.js很快映入眼帘,用来调度JS组件
- 从配置看前端组件部署在http://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 的差异一样。
所以在阿里每个团队甚至是每个项目都有自己的架构风格。而且架构本身是一个随时间演化的过程~