张克军：前端基础架构的实践和思考
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Guidelines / 访问
测试
YUICompressor 图 损压缩
术 训 项
态
预编译
质检验
码
规
统
础
Monday, September 19, 2011
构
Monday, September 19, 2011
质产
块 认 预处 线风险
验
维护
报 监测
运
JS单 动 测试 测试 CSS预处 块 赖 Douban-JSLint CSSLint
码风 / 术 训
Guidelines / / 访问
简
实
检验 术
查
规
Monday, September 19, 2011
预发 环 测试环 发环
协
间环节 项
发环
发环
项
统
Monday, September 19, 2011
发
统 协 统 联
Monday, September 19, 2011
1.
- 统
Douban-UI
CSS3-MIXIN
Python-SCSS
Monday, September 19, 2011
应
发 - jQuery Mobile / jQtouch
Flash
onering
库 - zepto
动应
UI UI
组
jQuery common.js core.css / grid.css base.html
统
码风
发规
Guideline (bit.ly/douban-javascript, bit.ly/douban-css)
2.
块 动 发环 产环
态资
统
码对 码对
发 户
3.
质检验
- douban-jslint, csslint - 动 测试
4.
-
构
库 业务逻辑 码设计 库
5.
-
层
统 组织JS/CSS
块
发
(SCSS+Compass)
监测
测试
YUICompressor 图 损压缩
态
预编译
质检验
码
Monday, September 19, 2011
Javascript
预处 统
Monday, September 19, 2011
CSS
预Hale Waihona Puke 统OOCSS + SCSS
+
$blue: #3bbfce; $margin: 16px; .content-navigation { border-color: $blue; color: darken($blue, 9%); } .border { padding: $margin / 2; margin: $margin / 2; border-color: $blue; }
础
构
实
kejun
Monday, September 19, 2011
Long long ago ...
Monday, September 19, 2011
Long long ago ...
团队 职 转变 页 实现 浏览 发 应 创
Monday, September 19, 2011
Long long ago ...
组
JS MVC
统 (jQuery Template/Mustache) (Backbone)
应
库/
库 载
Do.js oz.js
码资
拥 应 补 构设计& 应 组 动 发领
Monday, September 19, 2011
javascript : bit.ly/douban-javascript css : bit.ly/douban-css
团队 职 转变 页 实现 浏览 发 应 创
实现 浏览
页
发
创
应
Monday, September 19, 2011
Monday, September 19, 2011
发挥
团队
职
Monday, September 19, 2011
发挥
专业团队 运转 术 续创 术
团队
职
Monday, September 19, 2011
础
构
Monday, September 19, 2011
础
团队运
构
规 统
Monday, September 19, 2011
础
团队运
• • • • 术 众 术
构
规
发 项 项 实 发 术 积 术 础 缝结 发 发挥 为 术 贡 术
统
Monday, September 19, 2011
组
应
预发 测试环
环
库/
库
报
发环 载
监测
JS单 动
测试 测试 CSS预处 块 赖
Do.js oz.js
SCSS+Compass
javascript : bit.ly/douban-javascript css : bit.ly/douban-css
运
监测
发环
码风 /
Douban-JSLint CSSLint
Monday, September 19, 2011
应
发 - jQuery Mobile / jQtouch
Flash
onering
库 - zepto
动应
UI UI JS MVC 统 (jQuery Template/Mustache) (Backbone)
组
jQuery common.js core.css / grid.css base.html
inline 码
Monday, September 19, 2011
&A
Blog: /blog GTalk: Listenpro@ Twitter: kejunz Douban:/people/listenpro
Monday, September 19, 2011