More Related Content
More from taobao.com (20)
张克军:前端基础架构的实践和思考
- 1. 础 构 实
kejun
Monday, September 19, 2011
- 3. Long long ago ...
团队 职 转变 发
页 应
实现 创
浏览
Monday, September 19, 2011
- 4. Long long ago ...
团队 职 转变 发
页 应
实现 创
浏览
实现 浏览 页 发 创 应
Monday, September 19, 2011
- 6. 发挥 团队 职
Monday, September 19, 2011
- 7. 发挥 团队 职
专业团队
运转
术 续创
术
Monday, September 19, 2011
- 8. 础 构
Monday, September 19, 2011
- 9. 础 构
团队运 规 统
Monday, September 19, 2011
- 10. 础 构
团队运 规 统
• 发 贡 术
• 术 项 实 积 术
• 众 项 发 础 发 为
• 术 术 缝结 发挥 术
Monday, September 19, 2011
- 12. 应 发
Flash
- jQuery Mobile / jQtouch onering
库 - zepto
动应
UI
UI
JS 统 (jQuery Template/Mustache)
组 组
MVC (Backbone)
jQuery
common.js 应 预发 环
core.css / grid.css
base.html 测试环
库/
库 发环
报
载
监测
javascript : bit.ly/douban-javascript
Do.js
css : bit.ly/douban-css
JS单 测试 oz.js 运 监测 发环
动 测试 CSS预处 SCSS+Compass 码风 Guidelines
测试
块 赖 / / 访问
YUICompressor
Douban-JSLint
术
图 损压缩 CSSLint
训
态 预编译 质检验
项
码
规 统
础 构
Monday, September 19, 2011
- 14. 质产 验
块 预处 维护 报
线风险 监测
认
运 监测
JS单 测试
动 测试
CSS预处 (SCSS+Compass)
测试 块 赖
YUICompressor
Douban-JSLint
图 损压缩 CSSLint
态 预编译
质检验
码
Monday, September 19, 2011
- 16. CSS
预处 统
OOCSS + SCSS
+
$blue: #3bbfce;
$margin: 16px;
.content-navigation {
border-color: $blue; Douban-UI CSS3-MIXIN
color:
darken($blue, 9%);
}
Python-SCSS
.border {
padding: $margin / 2;
margin: $margin / 2;
border-color: $blue;
}
Monday, September 19, 2011
- 17. 应 发 Flash
- jQuery Mobile / jQtouch
onering
库 - zepto
动应
UI
UI
JS 统 (jQuery Template/Mustache)
组 组
MVC (Backbone)
jQuery
common.js 应
core.css / grid.css
base.html
库/
库
码资
载 拥 补
应 构设计&
Do.js
oz.js 应 组
动 发领
Monday, September 19, 2011
- 19. 预发 环
测试环
发环
协 发环
间环节 发环
项
项
统
Monday, September 19, 2011
- 20. 发
统 统 联
协
Monday, September 19, 2011
- 21. 1. 统 发规
- 统 码风 Guideline (bit.ly/douban-javascript, bit.ly/douban-css)
2. 态资 统
- 块
- 动
- 发环 码对 发
产环 码对 户
3. 质检验
- douban-jslint, csslint
- 动 测试
4. 构
- 库
- 业务逻辑 库
- 码设计
5. 层 块 发
- 统
- 组织JS/CSS inline 码
Monday, September 19, 2011
- 22. &A
Blog: hikejun.com/blog
GTalk: Listenpro@gmail.com
Twitter: kejunz
Douban:douban.com/people/listenpro
Monday, September 19, 2011