Enviar pesquisa
Carregar
前端&服务器
•
Transferir como PPTX, PDF
•
2 gostaram
•
612 visualizações
fangdeng
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 26
Baixar agora
Recomendados
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
Shubo Chao
Fe feature
Fe feature
sailfly
大規模微服務導入 - #1, 從零開始的系統架構設計概觀
大規模微服務導入 - #1, 從零開始的系統架構設計概觀
Andrew Wu
持续集成入门
持续集成入门
Lieping Xie
2. hadoop
2. hadoop
Chiou-Nan Chen
美团前端架构简介
美团前端架构简介
pan weizeng
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
Recomendados
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
你的 JS 該減肥了!5個提升網頁載入速度的技巧 - Modern Web 2020
Shubo Chao
Fe feature
Fe feature
sailfly
大規模微服務導入 - #1, 從零開始的系統架構設計概觀
大規模微服務導入 - #1, 從零開始的系統架構設計概觀
Andrew Wu
持续集成入门
持续集成入门
Lieping Xie
2. hadoop
2. hadoop
Chiou-Nan Chen
美团前端架构简介
美团前端架构简介
pan weizeng
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考
greengnn
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
leneli
Taobao数据库这5年
Taobao数据库这5年
yp_fangdong
微服務架構 導入經驗分享 吳剛志 - Community Open Camp
微服務架構 導入經驗分享 吳剛志 - Community Open Camp
Andrew Wu
王龙:百度数据库架构演变与设计
王龙:百度数据库架构演变与设计
YANGL *
众行业公司系统架构案例介绍
众行业公司系统架构案例介绍
mysqlops
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
drewz lin
赵泽欣 - 淘宝网前端应用与发展
赵泽欣 - 淘宝网前端应用与发展
d0nn9n
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17
Linktech
淘宝网架构变迁和挑战(Oracle架构师日)
淘宝网架构变迁和挑战(Oracle架构师日)
vanadies10
Dreaming Infrastructure
Dreaming Infrastructure
kyhpudding
达尔文信息云平台
达尔文信息云平台
SmartData
大规模数据处理
大规模数据处理
Kay Yan
谈谈模块化
谈谈模块化
衡锋 阳
从CI到CD[麻袋理财王天青]v1
从CI到CD[麻袋理财王天青]v1
天青 王
构建可维护的Javascript 小米网
构建可维护的Javascript 小米网
yang alex
应用开发一般工作流程和注意
应用开发一般工作流程和注意
cucued
高效益、設計專利保護 如何達成雙贏?
高效益、設計專利保護 如何達成雙贏?
NVIDIA Taiwan
ASP.Net MVC2 简介
ASP.Net MVC2 简介
Allen Lsy
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
Mais conteúdo relacionado
Semelhante a 前端&服务器
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考
greengnn
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
leneli
Taobao数据库这5年
Taobao数据库这5年
yp_fangdong
微服務架構 導入經驗分享 吳剛志 - Community Open Camp
微服務架構 導入經驗分享 吳剛志 - Community Open Camp
Andrew Wu
王龙:百度数据库架构演变与设计
王龙:百度数据库架构演变与设计
YANGL *
众行业公司系统架构案例介绍
众行业公司系统架构案例介绍
mysqlops
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
drewz lin
赵泽欣 - 淘宝网前端应用与发展
赵泽欣 - 淘宝网前端应用与发展
d0nn9n
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17
Linktech
淘宝网架构变迁和挑战(Oracle架构师日)
淘宝网架构变迁和挑战(Oracle架构师日)
vanadies10
Dreaming Infrastructure
Dreaming Infrastructure
kyhpudding
达尔文信息云平台
达尔文信息云平台
SmartData
大规模数据处理
大规模数据处理
Kay Yan
谈谈模块化
谈谈模块化
衡锋 阳
从CI到CD[麻袋理财王天青]v1
从CI到CD[麻袋理财王天青]v1
天青 王
构建可维护的Javascript 小米网
构建可维护的Javascript 小米网
yang alex
应用开发一般工作流程和注意
应用开发一般工作流程和注意
cucued
高效益、設計專利保護 如何達成雙贏?
高效益、設計專利保護 如何達成雙贏?
NVIDIA Taiwan
ASP.Net MVC2 简介
ASP.Net MVC2 简介
Allen Lsy
Semelhante a 前端&服务器
(20)
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
Taobao数据库这5年
Taobao数据库这5年
微服務架構 導入經驗分享 吳剛志 - Community Open Camp
微服務架構 導入經驗分享 吳剛志 - Community Open Camp
王龙:百度数据库架构演变与设计
王龙:百度数据库架构演变与设计
众行业公司系统架构案例介绍
众行业公司系统架构案例介绍
Top100summit前端的云时代支付宝前端平台架构 王保平
Top100summit前端的云时代支付宝前端平台架构 王保平
赵泽欣 - 淘宝网前端应用与发展
赵泽欣 - 淘宝网前端应用与发展
淘宝网前端应用与发展
淘宝网前端应用与发展
JIRA Live DEMO 2020 v17
JIRA Live DEMO 2020 v17
淘宝网架构变迁和挑战(Oracle架构师日)
淘宝网架构变迁和挑战(Oracle架构师日)
Dreaming Infrastructure
Dreaming Infrastructure
达尔文信息云平台
达尔文信息云平台
大规模数据处理
大规模数据处理
谈谈模块化
谈谈模块化
从CI到CD[麻袋理财王天青]v1
从CI到CD[麻袋理财王天青]v1
构建可维护的Javascript 小米网
构建可维护的Javascript 小米网
应用开发一般工作流程和注意
应用开发一般工作流程和注意
高效益、設計專利保護 如何達成雙贏?
高效益、設計專利保護 如何達成雙贏?
ASP.Net MVC2 简介
ASP.Net MVC2 简介
Mais de fangdeng
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
浅尝jQuery
浅尝jQuery
fangdeng
Html基础培训
Html基础培训
fangdeng
前端开发之Js
前端开发之Js
fangdeng
Javascript代码注释及文档生成
Javascript代码注释及文档生成
fangdeng
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
fangdeng
前端单元测试初体验
前端单元测试初体验
fangdeng
Java script测试之js unit ut
Java script测试之js unit ut
fangdeng
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
fangdeng
产品线中的思考
产品线中的思考
fangdeng
产品线中的思考
产品线中的思考
fangdeng
Varnish简介
Varnish简介
fangdeng
Websocket
Websocket
fangdeng
Let's talk about date in javascript
Let's talk about date in javascript
fangdeng
Test driven-frontend-develop
Test driven-frontend-develop
fangdeng
方凳良品1期
方凳良品1期
fangdeng
方凳良品2期
方凳良品2期
fangdeng
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
fangdeng
Datalazyload
Datalazyload
fangdeng
Mais de fangdeng
(20)
jQuery底层架构
jQuery底层架构
Building an event driven web
Building an event driven web
浅尝jQuery
浅尝jQuery
Html基础培训
Html基础培训
前端开发之Js
前端开发之Js
Javascript代码注释及文档生成
Javascript代码注释及文档生成
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
前端单元测试初体验
前端单元测试初体验
Java script测试之js unit ut
Java script测试之js unit ut
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
产品线中的思考
产品线中的思考
产品线中的思考
产品线中的思考
Varnish简介
Varnish简介
Websocket
Websocket
Let's talk about date in javascript
Let's talk about date in javascript
Test driven-frontend-develop
Test driven-frontend-develop
方凳良品1期
方凳良品1期
方凳良品2期
方凳良品2期
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
Datalazyload
Datalazyload
前端&服务器
1.
前端 & 服务器
郑新林
2.
分享的主题 前端的代码结构。 我们需要什么样的服务器
。 前端的开发框架。
3.
前端的代码结构图
4.
前端的代码开发图
5.
当前的问题 集中式管理的问题: 分支庞大,效率不高。
分支间可能存在互相干扰。
6.
优化方案分析 – 拆封
A产品 B产品 C产品 (新)各个产品线独立更新
7.
拆分代码结构
8.
拆分代码结构
9.
我们需要什么样的服务器 稳定性,稳定压倒一切 发布效率,效率!!!
优良的性能
10.
拆分后的优势 产品线独立,互相不干扰。 分支体积变小,提高操作效率。
发布不阻塞。(需要发布平台支持)
11.
现行的发布流程 集合,一起通过独木桥
12.
拆分后的发布流程 各找各妈,各回各家
13.
AONE上面如何变化 发布过程几乎和原来一样 发布窗口是原来的N倍
选择代码分支的地方,选择变多 发布的产品线变多 …. OPS怎么办? 三头六臂~
14.
发布窗口的控制问题 Why OPS
绕过OPS!!! 权限下放,人人都能发布到预测试 大家愿意么? Aone的现有流程能保证分支不丢失
15.
发布流程控制 发布流程: Aone获取发布权
锁定不让其他发布介入 Aone发布 QA预发布验证 成功 失败 响应,发布上线 版本回滚 预发布成功,则QA响应发布流程,发布上线 预发布失败,则发布服务器撤销刚才的发布,释放发布窗口
16.
改进能带来什么? 发布效率,让发布不再煎熬 响应更迅速,不再纠结发布窗口锁定
17.
我们应该改变Aone 而不是被aone改变 相比他们,我们对于前端服务器的需求更清晰
改变Aone, Why not?
18.
前端开发框架 代码结构 服务器
其实都是前端开发框架的一部分
19.
前端开发框架 对多人、多团队的开发 提供良好的支持
开发、测试环境(本地、线上) 测试工具、方法,测试框架( 略…. )
20.
本地开发环境
21.
本地开发环境 $include(“core/core.js”); $include(“lib/template.js”);
$include(“http://style.china.alibaba/online/cbu/common/alitalk.js”); function main(){ // TODO XXXX }
22.
版本控制 <html> <script
src=“style/online/cbu/search/2.0/yyyy.$!{JSV_yyyy}.js”></script> Aone发布脚本 cbu/search/yyyy.src.js => cbu/search/yyyy.js aone根据当前应用的大版本号 2.0 ,将合并后的代码,发布到 cbu/search/2.0/yyyy.vnamber.js version file (jsv_yyyy = vnumber) 后端服务器 获取 version file,模板相应更新脚本请求
23.
SVN代码结构 Dev model
online model Model updated
24.
VS独角兽方案 独角兽 发布代码与分支一样
独角兽提供线上merge 解决缓存问题 问题: 版本问题,文件的多版本并存问题没有解决 js文件多级include的文件变动探测问题,没有解决 需要服务器支持 需要后端应用支持 前述方案 代码发布时,需要aone合并代码 线上代码是静态的 多版本并存 解决缓存问题 问题: 版本文件累积(回收机制) 需要后端应用支持
25.
26.
智能分配资源不仅仅是页面级别 用户行为分析 魏小亮
27.
Thank You
Baixar agora