[Baidu web frontend_conference_2010]_[豆瓣架构]
?
8 likes?2,947 views
This document discusses front-end engineering at Douban. It describes how Douban uses a modular approach with standardized UI components and libraries. Key aspects include: - Using a lightweight JavaScript framework called "Do" for modular code organization and dependency management. - Developing reusable UI widgets and templates through DoubanUI to standardize components across projects. - Having a prototyping, iterative development, building, and testing process with separate environments for each stage. - Emphasizing modular and structured code, reuse of common libraries, and parallel execution for efficiency and innovation.
[Baidu web frontend_conference_2010]_[豆瓣架构]
- 1. F2E @ Douban 张克军 (Kejun) hikejun.com | twitter.com/kejunz http://hikejun.com/sharing/f2e_at_douban.pdf Friday, October 29, 2010
- 3. Team Friday, October 29, 2010
- 4. http://www.?ickr.com/photos/haagsuitburo/2576659737/sizes/l/in/photostream/ Friday, October 29, 2010
- 5. http://www.?ickr.com/photos/sub1522/4503033044/sizes/l/in/pool-15135580@N00/ Friday, October 29, 2010
- 9. Tech Dept. Friday, October 29, 2010
- 10. FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng. Friday, October 29, 2010
- 11. FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng. Friday, October 29, 2010
- 12. Roles, Infrastructure, fusion Efficient, Innovation Friday, October 29, 2010
- 15. Modular & structured core concept: Friday, October 29, 2010
- 16. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Friday, October 29, 2010
- 17. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Common libs Friday, October 29, 2010
- 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. 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. 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. base page page page page page project core utils movie music book sns ... DoubanUI (mako) Friday, October 29, 2010
- 22. - Infomation Content Moduler - Standard UI Component/Prototype DoubanUI Friday, October 29, 2010
- 23. - Infomation Content Moduler - Standard UI Component/Prototype DoubanUI core.css (css) Templ Utils (mako) UI widgets (JS) Friday, October 29, 2010
- 24. Dev Process & Collaboration Friday, October 29, 2010
- 25. 1. Prototype Dev. 2. Iteration Dev. 3. Build 4. testing Friday, October 29, 2010
- 26. Prototype Dev. Env. Development Env. Pre-release Env. Friday, October 29, 2010
- 27. http://site.douban.com/widget/photos/22528/photo/617215445/#next_photo Share your cheese! Friday, October 29, 2010
- 28. Coding With Fun Friday, October 29, 2010
- 29. Q & A Friday, October 29, 2010