张克军:前端基础架构的实践和思考
Upcoming SlideShare
Loading in...5
×
 

张克军:前端基础架构的实践和思考

on

  • 14,405 views

 

Statistics

Views

Total Views
14,405
Views on SlideShare
3,281
Embed Views
11,124

Actions

Likes
13
Downloads
181
Comments
0

7 Embeds 11,124

http://www.d2forum.org 11053
http://cache.baidu.com 56
http://www.itfeed.cn 6
http://www.chengxuyuans.com 3
http://translate.googleusercontent.com 3
http://xianguo.com 2
http://www.d2forum.org} {1974739461|||pingback 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    张克军:前端基础架构的实践和思考 张克军:前端基础架构的实践和思考 Presentation Transcript

    • 础 构 实 kejunMonday, September 19, 2011
    • Long long ago ...Monday, September 19, 2011
    • Long long ago ... 团队 职 转变 发 页 应 实现 创 浏览Monday, September 19, 2011
    • Long long ago ... 团队 职 转变 发 页 应 实现 创 浏览 实现 浏览 页 发 创 应Monday, September 19, 2011
    • http://news.mydrivers.comMonday, 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
    • 应 发 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
    • Monday, September 19, 2011
    • 质产 验 块 预处 维护 报 线风险 监测 认 运 监测 JS单 测试 动 测试 CSS预处 (SCSS+Compass) 测试 块 赖 YUICompressor Douban-JSLint 图 损压缩 CSSLint 态 预编译 质检验 码Monday, September 19, 2011
    • Javascript 预处 统Monday, September 19, 2011
    • 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
    • 应 发 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
    • javascript : bit.ly/douban-javascript css : bit.ly/douban-css 码风 Guidelines / / / 访问 术 训 简 实 查 检验 规 术Monday, September 19, 2011
    • 预发 环 测试环 发环 协 发环 间环节 发环 项 项 统Monday, September 19, 2011
    • 发 统 统 联 协Monday, September 19, 2011
    • 1. 统 发规 - 统 码风 Guideline (bit.ly/douban-javascript, bit.ly/douban-css) 2. 态资 统 - 块 - 动 - 发环 码对 发 产环 码对 户 3. 质检验 - douban-jslint, csslint - 动 测试 4. 构 - 库 - 业务逻辑 库 - 码设计 5. 层 块 发 - 统 - 组织JS/CSS inline 码Monday, September 19, 2011
    • &A Blog: hikejun.com/blog GTalk: Listenpro@gmail.com Twitter: kejunz Douban:douban.com/people/listenproMonday, September 19, 2011