前端基础架构的实践和思考

础构实 kejunSunday, September 25, 2011这话题问题实4 过 ant 态编译统时对础构还总现发为术单纯这样发挥终 2 识础构义术组应础专业团队运转础

Long long ago ...Sunday, September 25, 2011 团队职值顾职经历样转变这转变过释团队转变过职值还页实现

Long long ago ... 团队职转变发页应实现创浏览Sunday, September 25, 2011 团队职值顾职经历样转变这转变过释团队转变过职值还页实现

Long long ago ... 团队职转变发页应实现创浏览实现浏览页发创应Sunday, September 25, 2011 团队职值顾职经历样转变这转变过释团队转变过职值还页实现

http://news.mydrivers.comSunday, September 25, 2011 过细线环节发挥长间师实际沦为 ‘码农’ 环发职发挥创值时创联术专业团队

发挥团队职Sunday, September 25, 2011 须师设计师实现补设计师产经术这发发术间环节发环统发设计过时现术 2 专业团队这专业带长时间术积带 3 过术础发带动团队运转过这术础变术结带术续创

发挥团队职专业团队运转术术续创Sunday, September 25, 2011 须师设计师实现补设计师产经术这发发术间环节发环统发设计过时现术 2 专业团队这专业带长时间术积带 3 过术础发带动团队运转过这术础变术结带术续创

础构Sunday, September 25, 2011 谈论 “ 础构” 这术 “ 础构” 应这术发导术细节发挥项发创应术术识积 3 团结调剂术跃领 4 术让发缝结见义

础构团队运规统Sunday, September 25, 2011 谈论 “ 础构” 这术 “ 础构” 应这术发导术细节发挥项发创应术术识积 3 团结调剂术跃领 4 术让发缝结见义

础构团队运规统 • 发贡术 • 术项实积术 • 众项发础发为 • 术术缝结发挥术Sunday, September 25, 2011 谈论 “ 础构” 这术 “ 础构” 应这术发导术细节发挥项发创应术术识积 3 团结调剂术跃领 4 术让发缝结见义

Sunday, September 25, 2011总结经验训这说码库发张图

应发 - Skeleton Flash 库 - zepto onering 综 - jQuery Mobile / jQtouch 动应 UI UI JS 统 (jQuery Template/Mustache) 组组 MVC (Backbone) jQuery 应预发环 common-mixin libs 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 训态预编译质检验项码规统础构Sunday, September 25, 2011 颗树础构设长过结构术结

Sunday, September 25, 2011 动过样话题过时 2 过现说 4 颗师长树

质产验块预处维护报线风险监测认运监测 JS单测试动测试 CSS预处 (SCSS+Compass) 测试块赖 YUICompressor Douban-JSLint 图损压缩 CSSLint 态预编译质检验码Sunday, September 25, 2011 规统块们间紧联为实规证质统联发环 mission 为质产验这组码为码块组织为简预处达维护质检验证码们约统码Guidelines 测试为规风险线运监测为运营过

Javascript 预处统Sunday, September 25, 2011 们务对论联还联 js css 进块组织这 @import 编译语发环这样线编译 CDN

CSS 预处统 OOCSS + SCSS + $blue: #3bbfce; $margin: 16px; .content-navigation { border-color: $blue; Douban-UI CSS3-MIXIN color: darken($blue, 9%); } pySCSS .border { padding: $margin / 2; margin: $margin / 2; border-color: $blue; }Sunday, September 25, 2011css @import编译语还 SCSS语 Compass CSS3 Mixin Library 简发发们还进 OOCSS 为Douban-UI 对进对样库

应发 - Skeleton Flash 库 - zepto onering 综 - jQuery Mobile / jQtouch 动应 UI UI 组组 JS 统 (jQuery Template/Mustache) MVC (Backbone) jQuery 应 common-mixin libs core.css / grid.css base.html 库/ 库码资载拥补 Do.js 应构设计& oz.js 应组动发领Sunday, September 25, 2011库 LESS 为码资发拥术项发术结发块赖补库样视应构设计应这统 MVC 动发为们组 Zepto jQuery 图损压缩发 ( 构师) 发 onering webkit html5 应发

javascript : bit.ly/douban-javascript css : bit.ly/douban-css 码风 Guidelines / / / 访问术训简实查检验规术Sunday, September 25, 2011规础规应备时检验测试们 CI Douban-JSLint 这们规 JSLint 时发环检术积习资结训团队时们欢师码们样这让协们过规槛扫

预发环测试环发环协发环间环节发环项项统Sunday, September 25, 2011 们发环环协发间环节发师订发 URL 对应规 Ajax 说发终实现拟输实现诸 Charles 发项协头 Ticket 启动发这过简

发统统联协Sunday, September 25, 2011 发为证产质该环节还统统动时

http://www.zhihu.com/question/19858183Sunday, September 25, 2011 请问题团队职值问题

&A Blog: hikejun.com/blog GTalk: Listenpro@gmail.com Twitter: kejunz Douban:douban.com/people/listenproSunday, September 25, 2011

http://twitter.com	7
https://twitter.com	4
http://www.techgig.com	2
http://a0.twimg.com	1

前端基础架构的实践和思考

by kejun on Sep 25, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 14

Statistics

前端基础架构的实践和思考 — Presentation Transcript