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

础构实kejunMonday,September19,2011Longlongago...Monday,September19,2011Longlongago...团队职转变发页应实现创浏览Monday,September19,2011Longlongago...团队职转变发页应实现创浏览发创应实现浏览页Monday,September19,2011发挥团队职Monday,September19,2011专业团队运转术续创术发挥团队职Monday,September19,2011础构Monday,September19,2011团队运规统础构Monday,September19,2011团队运规统础构•发贡术•术项实积术•众项发础发为•术术缝结发挥术Monday,September19,2011Monday,September19,2011础构规码风Guidelines//访问术训javascript:bit.ly/douban-javascriptcss:bit.ly/douban-css项统发环发环测试环预发环库/码质检验测试运监测库jQuerycommon.jscore.css/grid.cssbase.html组UIUI组应动应JS统(jQueryTemplate/Mustache)MVC(Backbone)应发-jQueryMobile/jQtouch库-zepto态预编译报监测JS单测试动测试CSS预处SCSS+Compass块赖图损压缩YUICompressorFlashonering载Do.jsoz.jsDouban-JSLintCSSLintMonday,September19,2011Monday,September19,2011码质检验测试运监测jQuerycommon.jscore.css/grid.cssbase.html态预编译报监测JS单测试动测试CSS预处(SCSS+Compass)块赖图损压缩YUICompressorDouban-JSLintCSSLint块预处维护质产验线风险认Monday,September19,2011预处统JavascriptMonday,September19,2011预处统CSSPython-SCSSDouban-UICSS3-MIXIN$blue:#3bbfce;$margin:16px;.content-navigation{border-color:$blue;color:darken($blue,9%);}.border{padding:$margin/2;margin:$margin/2;border-color:$blue;}+OOCSS+SCSSMonday,September19,2011库/库jQuerycommon.jscore.css/grid.cssbase.html组UIUI组应动应JS统(jQueryTemplate/Mustache)MVC(Backbone)应发-jQueryMobile/jQtouch库-zeptoJS单测试动测试LESS块赖图损压缩Flashonering载Do.jsoz.js码资拥补应构设计&应组动发领Monday,September19,2011规码风Guidelines///访问术训javascript:bit.ly/douban-javascriptcss:bit.ly/douban-css简实查检验术Monday,September19,2011项统发环发环测试环预发环协发环项间环节Monday,September19,2011发统统联协Monday,September19,20111.统发规-统码风Guideline(bit.ly/douban-javascript,bit.ly/douban-css)2.态资统-块-动-发环码对发产环码对户3.质检验-douban-jslint,csslint-动测试4.构-库-业务逻辑库-码设计5.层块发-统-组织JS/CSSinline码Monday,September19,2011&ABlog:hikejun.com/blogGTalk:[e-mail]:kejunzDouban:douban.com/people/listenproMonday,September19,2011