[Baidu web frontend_conference_2010]_[豆瓣架构]

12,546 views

Published on

2010.10.30,在百度大厦成功举办了百度前端技术交流会,这是豆瓣的张克军关于豆瓣前端团队的工作方式的分享。
f2e_at_douban

1 Comment
7 Likes
Statistics
Notes
No Downloads
Views
Total views
12,546
On SlideShare
0
From Embeds
0
Number of Embeds
7,026
Actions
Shares
0
Downloads
171
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

[Baidu web frontend_conference_2010]_[豆瓣架构]

  1. 1. F2E @ Douban 张克军 (Kejun) hikejun.com | twitter.com/kejunz http://hikejun.com/sharing/f2e_at_douban.pdf Friday, October 29, 2010
  2. 2. collective intelligence “集体智慧,即一个团队处于多任务状态下取得成功的能力” http://article.yeeyan.org/view/170769/140409 “人们是如此重视个人智慧和个人成就,...... 由于我们的世界变得更加扁平化,相互间联系性也更强, 他们聚在一起能做些什么要比考虑一个人能做什么更重要。” Friday, October 29, 2010
  3. 3. Team Friday, October 29, 2010
  4. 4. http://www.flickr.com/photos/haagsuitburo/2576659737/sizes/l/in/photostream/ Friday, October 29, 2010
  5. 5. http://www.flickr.com/photos/sub1522/4503033044/sizes/l/in/pool-15135580@N00/ Friday, October 29, 2010
  6. 6. http://www.flickr.com/photos/42249245@N00/5049964175/sizes/l/in/pool-76277299@N00/ Friday, October 29, 2010
  7. 7. http://site.douban.com/106371 Friday, October 29, 2010
  8. 8. Jazz Band http://site.douban.com/106371 Friday, October 29, 2010
  9. 9. Tech Dept. Friday, October 29, 2010
  10. 10. FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng. Friday, October 29, 2010
  11. 11. FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng. Friday, October 29, 2010
  12. 12. Roles, Infrastructure, fusion Efficient, Innovation Friday, October 29, 2010
  13. 13. FrontEnd Infrastructure Friday, October 29, 2010
  14. 14. http://www.flickr.com/photos/kejun/4954616644/sizes/o/in/set-72157624852834910/ http://site.douban.com/widget/photos/22528/photo/617206623/ Friday, October 29, 2010
  15. 15. Modular & structured core concept: Friday, October 29, 2010
  16. 16. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Friday, October 29, 2010
  17. 17. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Common libs Friday, October 29, 2010
  18. 18. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Application libs Common libs Friday, October 29, 2010
  19. 19. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Application libs Common libs Framework Friday, October 29, 2010
  20. 20. Do('mod1', '/js/site/common.js', function(){ //code here; }); Do(‘mod2’, ‘mod3’) Do(function(){ //code here; }) Do(uban)是一个轻量的Javascript 发框架。 目的是在前端组织和管理项目中的Javascript模块。 因此,Do在设计上仅提供模块管理的相 机制,主要是模块的组织和模块之间依赖 系管理。 不杂糅任何业务逻辑, 保其足 轻量。 目前do.js压缩后是2.1K,gzip后是0.9K。 Advantages: 1. Modular 2. Dependency Management 3. Parallel execution queue Friday, October 29, 2010
  21. 21. base page page page page page project core utils movie music book sns ... DoubanUI (mako) Friday, October 29, 2010
  22. 22. - Infomation Content Moduler - Standard UI Component/Prototype DoubanUI Friday, October 29, 2010
  23. 23. - Infomation Content Moduler - Standard UI Component/Prototype DoubanUI core.css (css) Templ Utils (mako) UI widgets (JS) Friday, October 29, 2010
  24. 24. Dev Process & Collaboration Friday, October 29, 2010
  25. 25. 1. Prototype Dev. 2. Iteration Dev. 3. Build 4. testing Friday, October 29, 2010
  26. 26. Prototype Dev. Env. Development Env. Pre-release Env. Friday, October 29, 2010
  27. 27. http://site.douban.com/widget/photos/22528/photo/617215445/#next_photo Share your cheese! Friday, October 29, 2010
  28. 28. Coding With Fun Friday, October 29, 2010
  29. 29. Q & A Friday, October 29, 2010

×